/* CSS Document */
/*body{
font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5f5f5f;
		
}*/

/*background:#fff url(./images/cnaoc_bg.png) repeat-x;*/
body{ font:12px/18px  Verdana, Arial, sans-serif;color:#505050;padding:0px;margin:0px;background-color:#DEDEDE;}
/*body#inside_page{
background:#fff url(./images/cnaoc_bg8_inside.png) repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#5f5f5f;
font-size:14px;
}*/

/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; */
.alpha {float:left;filter: alpha(opacity=30);background-color: #202020;}



/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

a:active, a:focus {outline: 0;}
div, img, h1, h2, h3, ul {padding:0px;margin:0px;border:0;}
div.column-left {float:left;width:48%;}
div.column-right {float:right;width:48%;}
div.section{padding-top:10px;padding-bottom:10px;margin-bottom:10px;}
div.underline {background:url(./images/two_lines.gif) repeat-x bottom left;}
div#js_calendar {width:100%;display:block;margin-top:10px;}
/*common styles*/

p,pre,ol,ul,dl{	padding-bottom:20px;margin:0px;}
ol li{list-style:decimal;margin-left:20px;}
dl dt{font-weight:bold;	padding-bottom:10px;}
dl dd{padding-bottom:10px;margin-left:0px;}
ol, ol li {list-style-type:decimal;}
/*ul li{list-style:outside;margin-left:20px;}*/



h1{ color:#511B11;font-size:34px;line-height:60px;padding-bottom:20px;color:#0E3A7C;color:#666;}

#home_content  h1{ color:#511B11;font-size:42px;line-height:55px;}

h2 {color: #2a8bb4;text-transform: uppercase;padding-top:20px;padding-bottom:10px;font-size:20px;line-height:1.2em;}

/*.title_wrap h2, #featured_info h2 {color:#2B2B2B;font-weight:bold;font-style:italic;font-family:georgia;}
*/
#featured_info h2{font-size:50px;width:457px;height:81px;line-height:56px;padding-bottom:30px;font-style:normal;}
#featured_info h2 span{padding-top:10px;display:block;font-size:24px;line-height:24px;font-style:normal;}
#featured_info p{font:20px Georgia, Arial, Helvetica, sans-serif;padding-bottom:0px;font-style:italic;color:#E6F3FB;color:#026DB5;}

h3{color:#4D8699;color:#BE4D01;	color:#6C924B;font-size:16px;line-height:24px;padding-top:10px;padding-bottom:20px;}

#home_content h3 {padding-top:10px;font:32px Georgia, Arial, Helvetica, sans-serif;line-height:28px;font-style:italic;}

#main_content .dossier h3{font-size:32px;line-height:36px;}

.featured_scroll .column4 h3{/*font-family:verdana;*/text-transform:uppercase;color:#4D8699;color:#BE4D01;color:#6C924B;font-weight:normal;font-size:18px;padding-top:15px;padding-bottom:15px;/*height:50px;*/}

div.post img, img.siteimg {border:5px solid #ccc;}

h3.intro_text{font-family:georgia;font-style:italic;color:#a2a2a2;}

h4{color:#2b2b2b;font-size:22px;line-height:1.6em;padding-bottom:20px;}
h5{color:#2b2b2b;font-size:12px;padding-bottom:20px;}
h6{color:#2b2b2b;font-size:10px;padding-bottom:20px;}
p {padding-top:10px;padding-bottom:10px;line-height:1.6em;}
/*ul li {font-size:16px;}*/
ul {list-style: none;}
a, a:link{color: #507FBD;text-decoration:none;}
a:hover{color:#511B11;text-decoration:underline;}

/* MAIN/PRIMARY STYLES
------------------------------------------------------------- */

/* Headings */

h3 {
	color: #8c8c8c;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	/*border-bottom: 1px solid #d6d6d6;*/
}

h4 {
	color: #858585;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	/*border-bottom: 1px solid #d6d6d6;*/
}

h5 {
	color: #507b8d;
	font-size: 10px;
	text-transform: uppercase;
	margin: 10px 0px;
}

a.readmore {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
}


ul.sidenav {
	position: relative;
	margin: 16px 0 40px -20px;
}

ul.sidenav li {
	margin-bottom: 10px;
}

ul.sidenav li a {
	display: block;
	width: 237px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	color: #858585;
	text-transform: uppercase;
	text-align: center;
	background-color: #cbcbcb;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	border-radius-topright: 6px
}

ul.sidenav li a.current {
	width: 267px;
	background: url(./images/bg-about-tab.png) repeat-x;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

ul.sidenav li a:hover {
	text-decoration: none;
}


/*Layout*/

#header_wrap,#featured_wrap,#footer,.main_content_inner,#main_content_inner,.center_wrap,.title_wrap{width:940px;margin:0 auto;}
/*#page {float:left;width:100%;background:#fff url(./images/cnaoc_bg.png) left 50px repeat-x;	}*/
#sitemenu{float:left;width:100%;background:#000 url(./images/bg-body2.png) top center no-repeat;}
#header {float:left;width:100%;background:#000 url(./images/bg-body2.png)  center -115px no-repeat;padding-bottom:0px;}

#sidebar{padding-top:20px;width:247px;float:right;padding-left:20px;}
#MainArea #content{float:left;width:617px;padding-bottom:10px;min-height:400px;}
#footer_inner{width:100%;float:left;/*height:200px;*/padding:10px 0;/*background-color:#83B209;*/}

/*#header_inside {float:left;height:220px;width:100%;background:#fff url(./images/cnaoc_bg8_inside.png) left 0px repeat-x;padding-bottom:10px;}*/
.title_wrap{clear:both; overflow:hidden;}
.title_wrap.short{height:80px; overflow:hidden;}
#featured_wrap{clear:both;padding-top:30px;}
#featured_info{	float:left;	width:49%;padding-top:10px;}
#featured_image{float:right;width:49%;padding-top:10px;background:url(./images/featured_image_bg.png) left bottom no-repeat;padding-bottom:57px;margin:0;}
/*.ribbon{background:url(./images/ribbon.png) no-repeat;width:106px;height:95px;display:block;position:absolute;margin:-4px 20px 0 350px;z-index:9;}*/

/*.title_wrap h2{font-size:50px;line-height:40px;padding-top:50px;}
.title_wrap.short h2{padding-top:30px;}
.title_wrap h2 em{font-size:32px;}*/

#featured_image img{float:left;width:419px;border: 8px solid #fff;margin:0 0 0 22px;z-index:2;}
#featured_image img.nologin{float:left;width:200px;border: 8px solid #fff;margin:0 0 0 122px;z-index:2;}

.search-box label {display:none;font-size:26px;color:#b07100;line-height: 40px;}
#featured_wrap .search-box {float:right;width:80%;}
.title_wrap .search-box {float:right;padding-top:20px;width:30%;}
#featured_wrap .search-box input.search {background-color:#C8E2F2;border:1px solid #3FC2C9;margin-top:10px;float:left;width:60%;}

.title_wrap .search-box input.search {background-color:#C8E1F8;border:1px solid #6DC0FC;margin-top:10px;float:left;width:60%;}

.search-box input.search:focus{	border:1px solid #7CB009;}
.search-box input.search-button {cursor:pointer;float:left;width:48px;height:48px;text-indent:-9000px;border:0;padding:0px;margin:0px;background: url(./images/search.png) no-repeat 0 0px;font-size: 0px;display:block;line-height: 0px;}

.search-box	form {float:right;width:95%;margin:0px;padding:0px;}

.featured_scroll{clear:both;float:left;background:#f1f3f2;padding:10px 0 25px 0;width:100%;margin-top:30px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e4e5e5;}
.column4{width:100%;float:left;}
.column4 .first{width:23%;float:left;padding-left:0;}
.column4 div{width:22%;float:left;padding-left:3%;}


#main_content, #home_content{
	/*margin-top: -26px;
	position: relative;*/
	clear:both;float:left;
	}




.main, #content {
padding: 25px 25px 10px 25px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	margin-top: -26px;
	position: relative;
}

.main.wide {
	width:890px;

}

#home_content{padding-top:20px;}
#home_content .first {float:left;width:60%;}
#home_content .sidebar {float:right;width:34%;}
#js_calendar {padding-bottom:10px;}
table.js_calendar_body {background:#7799BB url(./images/bg-body2.png) no-repeat -350px 0 ! important;}
table.js_calendar_body td span{color:#fff ! important}
table.js_calendar_body td.day_weekend {background-color:transparent ! important;}
table.js_calendar_body td.day_current span{background-color:#FFFFCC ! important;color:black ! important;}
table.js_calendar_body tr td:hover span{background-color:#FFFFCC ! important;color:black ! important;}
/*.two_column{float:left;width:100%;background:url(./images/sidebar_bg.gif) no-repeat;}*/
.round-area {color:#555;float:left;width:575px;background-color:#F5F5F5;border:1px solid #ccc;/* url("./images/infobox_big_top.png")  0 0 no-repeat;*/padding:15px 15px 20px 15px;margin-bottom:10px;}
.round-area-bottom {display:none;}

.column3{width:100%;float:left;}
.column3 .first,.column3 div{float:left;width:30%;padding-left:0px;}
.column3 div{padding-left:4%;}
.column3 div div{width:auto;}
* html .column3 div{padding-left:31px;}/*IE6*/
.column3 div img{margin-bottom:10px;}
#FeaturedArticle {padding-left:0px;}
#featured_calendar .column3 h2 {border-bottom:1px solid #ccc}


/*Logo Style*/
#logo{width:211px;height:23px;text-indent:-99999px;float:left;padding-top:10px;}
#logo a{background:url(./images/logo.png) no-repeat;display:block;width:120px;height:30px;}

#editor_content #logo{background:#2B2B2B}

/*Menu Style*/
#menu_wrap{float:right;}
#menu{padding-left:36px;padding-bottom:0;}
#menu li{list-style:none;display:inline;margin-left:0px;}
#menu li a{font:16px Arial, Helvetica, sans-serif;color:#fefefe;text-decoration:none;padding:16px 16px 16px 16px;display:block;float:left;}
#menu li a:hover{color:#91CCFA;padding:16px 16px 16px 16px;}
#menu li a.current{color:#91CCFA;border-top:4px solid #91CCFA;padding:12px 16px 16px 16px;}
#editor_content #menu_wrap{background:#2B2B2B}
/* HEADER
------------------------------------------------------------- */
.top {
	width: 100%;
	background: #000 url(./images/bg-body2.png) top center no-repeat;

}
.header {
	height: 80px;
	padding: 35px 0 0;
	background: none;
	position: relative; 

}
.header h1 {
	/*width: 320px;*/
	height: 40px;
	line-height: 40px;
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.header h1 a {
	display: block;
	width: 170px;
	height: 40px;
	float: left;
	text-indent: -9999px;
	margin: 0 22px 0 0;
	background: url(/images/bg-logo.png) no-repeat;	
}

.header h1 span {
	display: block;
	float: left;
	height: 40px;
	line-height: 20px;
	padding: 0 0 0 23px;
	background: url(./images/separator-logo.png) 0 50% no-repeat;
}

/* Navigation - first level */

.nav { 
	position: relative;
}

.header ul.nav {
	height: 40px;
	line-height: 40px;
	padding: 0 30px 0 30px;
	float: left;
	background: url(./images/menu-bg.png) repeat;
	background-color: rgba(255, 255, 255, );
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-bottom: 0;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;

}

.header ul.nav li {
	float: left;
	/*padding: 0px 16px;*/
	/*margin: 0 32px 0 0;*/
	position: relative; 
	font-size:10px;
}

.header ul.nav li a {
	display: block;
	height: 40px;
	color: #c4c4c4;
	position: relative;
	padding: 0px 12px;
}
#sitemenu ul.nav li a.current, #sitemenu ul.nav li  a.current:hover{
	color: #FFFFFF !important;
	
	/*text-decoration: underline;*/
	background: url(./images/a_current_bg.png) 0 0 repeat-x;
}

#sitemenu ul.nav li a:hover {
	color: #FFFFFF !important;
	text-decoration: none;
	background: url(./images/a_hover_bg.png) 0 0 repeat-x;
}

.header ul.nav li.hover, .header ul.nav a:hover { 
	position: relative; 

}

.featured {
	margin-bottom: 73px;
	background: transparent url(./images/bg-featured.png) no-repeat;
	position: relative; 
}



/* We use div.featured to create the headings on subpages */

 .featured {
	margin-bottom: 0;
	height: 90px;
}

 .featured h2 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 20px;
}

 .featured h2 em{font-size:12px;font-style:normal;}
/*featured_services*/

.featured_scroll .column4 .first img,
.featured_scroll .column4 div img{float:left;padding:0 10px 2px 0;}


/*.featured_scroll .center_wrap .first div,
.featured_scroll .center_wrap div div{
	float:right;
	width:143px;
	padding-left:0;
}*/
.featured_scroll p {padding-bottom:0;font-size:14px;color:#555;}
.featured_scroll ul{padding-bottom:0;}

/*main_content*/

#home_content img {float:left;border:5px solid #ccc;padding:0px;margin-bottom:20px;margin-right:40px;}

/*column 3*/

.column3 h2{/*color:#2c2c2c;color:#4D8699;color:#6C924B;color:#BE4D01;color:#511B11;*/font-size:26px;line-height:26px;padding-left:5px;padding-bottom:10px;}
.column3 h4{font-size:14px;line-height:14px;font-style:normal;padding-bottom:10px;}
.column3 h2 em{font-size:16px;font-style:normal;}
.column3 img {width:250px;border:5px solid #ccc;padding:0px;margin-bottom:10px;}



/*normal read more*/
.section p {padding:10px;margin:0px}
.section .link_btn {padding-bottom:10px; margin-bottom:0px;padding-top:10px;}
div.link_btn.alignright {float:right;width:30%;}
.link_btn a{float: right;width:auto;text-decoration: none;padding:0px 30px 0 0;height:28px;line-height:28px;margin-right: 20px;font-size:10px;color: #5c5c5c;	background: url(./images/link_btn_bg.gif) no-repeat top right;}
.link_btn a span {width:auto;float: left;padding-right: 12px;display: block;margin-top:0px;text-indent:-9000px;height: 28px;background: url(./images/link_btn_bg.gif) no-repeat top left;}
.link_btn a:hover {color:#262626;background-position:right 100%;text-decoration:none;}
.link_btn a:hover span {background-position:left 100%;}

/*inside pages*/
.title_wrap .getintouch_btn{padding-top:50px;display:none;}
.column3 .link_btn{padding-left:0;padding-bottom:10px ! important;padding-top:10px ! important;}

/*blog section*/

/*featured product*/
.featured_product{clear:both;width:960px;height:268px;background:url(./images/featured_pro_bg.gif) no-repeat;float:left;margin:0 0 60px 0;}
.featured_product .featured_pro_image{float:left;position:relative;margin:-10px 0 0 20px;}
.featured_product .featured_pro_details{float:right;width:600px;padding:40px 50px 0 0;height:210px;overflow:hidden;color:#2b2b2b;}
.featured_product .featured_pro_details .section_title{color:#6d6d6d;font-weight:bold;}

/*sidebar*/
#sidebar .box{padding-bottom:20px;float:left;width:247px;}
.box_right_padding{width:247px;padding-right:20px;padding-bottom:20px;}
#sidebar h3{background:url(./images/side_title_bg.gif) repeat-x bottom left;padding-bottom:4px;margin-bottom:20px;color:#1f1f1f;}


/*--------- styledlist -----*/
ul.styledlist, .post ul{list-style:none;margin:0;padding:10px 0 20px 0;}
ul.styledlist li, .post ul li{background:url(./images/bullet.png) no-repeat left 3px;padding-left:20px;padding-bottom:5px;list-style:none;margin-left:5px;	line-height:22px;}
ul.styledlist li a {font-size:12px;padding:2px 4px;}
ul.styledlist li a.current {padding:2px 4px;text-decoration:underline;color:#511B11;background:transparent;}
ul.styledlist li a em {color:#777;font-style:normal;font-size:14px;}


/*sidenav - sidebar navigation
ul.sidenav{width:100%;margin:0 0 20px 0;border-top:1px solid #f3f3f3;border-bottom:1px solid #fff;padding-bottom:0;}
ul.sidenav li{list-style:none;background:none;padding:0;margin:0;display:block;border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;}
ul.sidenav li a{display:block;padding:10px 0 10px 10px;font-size:22px;font-weight:normal;font-family:georgia;font-style:italic;}
ul.sidenav li h3 a{display:inline;font-style:normal;padding:5px;line-height:1.6em;}
ul.sidenav li a.current{color:#511B11;text-decoration:none;padding-left:35px;background:url(./images/icon_wand.gif) no-repeat  left 5px;}
ul.sidenav li a img{margin-right:10px;margin-top:-4px;top:50%;float:left;}
*/

/*general - list items */
ul.general li{list-style:none;float:left;width:100%;display:block;	border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;padding-top:1px;}
ul.general li a{float:left;width:90%;padding:10px 5% 2px 5%;font-size:22px;font-weight:normal;font-family:georgia;font-style:italic;}
ul.general li a:hover{text-decoration:none;background-color:#eee}
ul.general li .current{color:#511B11;background-color:#eee}
ul.general li a img {top:50%;float:left;margin-right:10px;margin-top:-8px;}

ul.icon_menu li{list-style:none;float:left;width:110px;height:110px;margin:0 10px 10px 0}
ul.icon_menu li a{float:left;width:100px;height:100px;padding:5px ! important;background-color:#eee;overflow:hidden;font-weight:normal;border:1px solid #ccc;}
ul.icon_menu li a:hover{text-decoration:none;background-color:#eee;border-color:#999}
ul.icon_menu li a.current{color:#511B11;padding:5px ! important;background-color:#e1e1e1;border-color:#555}

div.icon_info{float:right;width:100px;height:100px;margin-left:20px;margin-bottom:10px;background-color:#eee;overflow:hidden;padding:5px;font-size:14px;font-weight:normal;font-family:georgia;font-style:italic;border:1px solid #ccc;}
ul.icon_menu li a img, div.icon_info img {float:none;display:block ! important;margin-top:0px;margin-bottom:2px;margin-right:auto  ! important;margin-left:auto  ! important;}
ul.icon_menu li a em, div.icon_info em {font-style:normal;display:block;text-align:center}


/*content*/


/*breadcrumb*/
.breadcrumb_inner{width:100%;padding-bottom:20px;padding-top:20px;float:left;}
#ContentProfile {float:left;width:100%;}
#editor_content .clearfloat, #editor_content #ContentList,#editor_content #ContentProfile, #editor_content #AdminMenu {width:100%;float:left;}

#editor_content blockquote {width:100%;float:left;margin:10px 0 10px 0;padding:10px 0 10px 0;border-top:2px dotted red;border-bottom:2px dotted red;}

ul.breadcrumb, #main_content .sub_menu{width:100%;padding-bottom:6px;background:url(./images/two_lines.gif) repeat-x bottom left;}
ul.breadcrumb li, #main_content .sub_menu li{display:inline;margin-left:0;}
.breadcrumb li.first a{padding:0 10px 0 0;}
.breadcrumb li.current{padding-left:10px;font-weight:bold;}
.breadcrumb li a{background:url(./images/arrow.gif) no-repeat right 55%;padding:0 10px;display:block;float:left;}
#main_content .sub_menu li a{background:url(./images/bullet.gif) no-repeat left 55%;padding:0 10px;display:block;float:left;}

/*ul.side_sub li a{text-align:left;padding-left:50px;color:#511B11;background:url(./images/icon_signal.gif) no-repeat 15px 55%;}
ul.side_sub li a, ul.sidenav li ul.side_sub li a{text-align:left;font-size:18px;padding-left:50px;color:#026DB5;background:url(./images/icon_signal.gif) no-repeat 15px 55%;}
ul.sidenav li ul.side_sub li a.current{text-align:left;padding-left:50px;color:#0E3A7C;background:url(./images/icon_wand.gif) no-repeat 15px 55%;}
*/

ul.side_sub, ul.sidenav li ul.side_sub {margin: 10px 0;padding:0 0 0 10px;}
ul.side_sub li, ul.sidenav ul.side_sub li{display:block;}
ul.side_sub li a, ul.sidenav ul.side_sub li a {float:none;line-height: 14px;text-align:left;height:auto;background:transparent;font-size: 10px;color: #676767;text-transform: uppercase;}
ul.sidenav ul.side_sub li a.current {background:transparent;text-decoration:underline;font-weight:bold;-moz-box-shadow:none;}
ul.sidenav li h3 a{display:inline;font-style:normal;padding:5px;line-height:1.6em;background:transparent;-moz-box-shadow:none;}
/*--------- Relations two column -----*/
ul.two-column {float:left;width:100%;padding:0px;margin:0px;}
ul.two-column li {padding:0px;margin:0px;list-style:none;}
ul.two-column li.even{clear:both;width:46%;float:left;}
ul.two-column li.odd{width:46%;float:right;}
ul.two-column li h2, ul.two-column li p{width:280px;float:right;}
ul.two-column li img{margin-top:0px  ! important;margin-right:0px ! important;}


/* four-column */
ul.four-column {float:left;width:100%;padding:0px 0px 20px 0px;margin:0px;}
ul.four-column li.column{float:left;width:22%;padding:0px 1% 0 1%;margin:0px;list-style:none ! important;}
.column-left ul.four-column li.column{float:left;width:47%;padding:10px 0% 10px 2%; }
ul.four-column li.column a{float:left;padding:2px;margin:0px;}
ul.four-column li.column a:hover, .four-column li.column a.current{background-color:#eee;text-decoration:none;}
ul.four-column li.separate{float:left;width:100%;height:20px;list-style:none ! important;}
ul.four-column li.column h3 {font-size:20px ! important;padding-bottom:5px ! important;}
ul.four-column li.column img {border:0px ! important;margin:0 10px 2px 0 ! important;}
ul.four-column li.column p {padding:0px ! important;font-size:14px ! important;}

/*Docu header/footer address*/
address {font-size:16px;color:gray;font-style:italic}
address.docu_header, address.docu_footer{line-height:16px;margin:4px 0px;padding-top:5px;border-top:1px solid gray;text-align:center;}
address.docu_header {font-size:12px;}
address.docu_footer {margin-top:20px;font-size:14px;}



/*post*/
div.post{padding:0 25px 20px 25px;width:558px;background:url(./images/two_lines.gif) repeat-x bottom left;margin-bottom:20px;}
#main_content .dossier  .post{background:transparent;margin-bottom:0px;}
.post p{font-size:12px;padding:10px;}

.post h2{margin-top:0px;padding-bottom:20px;}
.post h1.docu_header{background:url(/images/cnaoc_convocation.png) no-repeat left top;color:#782761;padding:20px 20px 20px 220px;text-align:right;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;margin-top:0px;line-height:42px;font-size:28px;}
.post h2.docu_header{padding: 10px; background-color:#8E1A1A; color:#fff;margin-bottom:10px;}
.post h3 {padding: 15px 0 15px 0;margin: 0 0 15px 0;	border-bottom: 1px solid #d6d6d6;}

.post .meta{font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:10px;padding-left:0px;padding-top:0px;display:block;font-style:italic;	color:#026DB5;}
.post p.blockquote{font-family:Georgia, "Times New Roman", Times, serif;font-size:26px;color:#0E3A7C;}
.post p.italic{font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:20px;font-size:18px;color:#444;font-style:italic;}

.post .meta a:hover{text-decoration:underline;}
/*div.post a:hover{color:#000;text-decoration:none;}*/
.post ol li {font-size:16px;padding-bottom:10px;}
.post blockquote {float:right;width:250px;margin:10px 0px 10px 25px;padding:20px 10px;background-color:#B4DC61}
.post blockquote h3 {color:#2B2B2B;border-bottom:3px solid white;padding-bottom:10px;margin-bottom:20px;}
.post blockquote h2 {color:#2B2B2B;}
.post blockquote p {font-size:14px;color:#2B2B2B;padding-right:15px;padding-bottom:0px;}
.post blockquote ul li{padding-left:20px;font-size:14px;color:#2B2B2B;padding-right:15px;padding-bottom:0px;background:url(./images/bullet_white.gif) no-repeat left 4px;}



/*///////////////// TABLES ///////////////////////*/
.post table { border-collapse: collapse; width: 99%; margin: 20px 0;}
.post th, .post tfoot td {	background: #3e829c; color: #fff; font-weight: bold; padding: 2px 11px; text-align: center; border-right: 1px solid #fff; line-height: 1.4;}
.post td { padding: 6px 11px; border-bottom: 1px solid #80bcd3; vertical-align: top;border-right: 1px solid #eee;}
/*.post td * { padding: 6px 11px;}*/
.post td.icon img {border:0;}
.post tr.alt td { background: #ecf6fc;}
.post tr.over td, .post tr:hover td { background: #bcd4ec;}
.post tfoot tr:hover td {background: #3e829c;}
.post table.center td {text-align:center}
/*///////////////// END TABLES ///////////////////////*/
div.post ul.picture_list {}
div.post ul.picture_list li {float:left;width:250px;height:220px;margin:0 0 10px 30px;background-image:none ! important;list-style:none ! important;padding:20px 10px;background-color:#eee;text-align:center;border:1px solid #aaa;font-size:20px;}
div.post ul.picture_list li  img {float:none;display:block;border:3px solid #ccc; margin-top:0px;margin-bottom:10px;margin-right:auto  ! important;margin-left:auto  ! important;}
div.post ul.picture_list li em {display:block;font-size:14px;}

.meeting h3 {font-family:Georgia, "Times New Roman", Times, serif;padding:10px 0;font-style:italic;font-weight:bold;color:#444;text-decoration:underline;}
.meeting p {font-family:Georgia, "Times New Roman", Times, serif;margin:0px;padding:10px 10px 15px 10px;font-size:18px;}
.meeting p.meta {text-align:right;}

.newsletter h1{padding: 10px; background-color:#666; color:#fff}
.newsletter h2{padding: 10px; background-color:#8E1A1A; color:#fff;margin-top:10px;margin-bottom:10px;}
.newsletter h3{padding: 10px 30px;line-height:26px; background-color:#BE4D01; color:#fff;margin-top:10px;margin-bottom:10px;}
.newsletter h3.meta {padding: 10px ! important; background-color:#6C924B; color:#fff ! important;margin-top:0px;margin-bottom:10px;text-align:right;}
.newsletter h2.meta{padding: 10px ! important;margin-top:0px;background-color:#6C924B; color:#fff ! important;margin-bottom:0px;text-align:left;}




/*section*/

div.section p{padding-left:10px;}
div.section p.meta{padding-left:0px;font-family:Georgia, "Times New Roman", Times, serif;padding-bottom:10px;color:#026DB5;font-style:italic;}

/*MemberList*/
#MemberList {float:left;width:100%;}
#MemberList p, #MemberList p.meta {padding-top:0px; }
#MemberList a em {font-size:16px;}
/*contact*/
/*contact-form*/
#contact-form{padding:0;margin:0;}
#contact-form label{float:left;width:200px;padding-left: 10px;font-size:18px;font-family:Arial, Helvetica, sans-serif;}
#contact-form label em {font-size:12px;}
#username,
#passwd,
#message,
input.styled{border:1px solid #dddddd;padding:8px;color:#5e5e5e;background:#f2f2f2 url(./images/input_bg.gif) repeat-x top;font-size:18px;font-family:Arial, Helvetica, sans-serif;}

#username:focus,
#passwd:focus,
#message,
input.styled:focus{border:1px solid #acacac;padding:8px;}

#username,
#passwd,
#message,
input.styled{width:340px;}

#message{width:85%;height:200px;}

.button{border:none;padding:10px 20px;background:#72a8b8;text-transform:uppercase;color:#f6fdff;font-size:18px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;float:right;}
#main_content #content .errorMsg h3{color:red;}
#main_content #content .infoMsg h3{color:green;}

/*footer*/
#footer{color:#5f5f5f;}
#footer-info{clear:both;width:960px;padding:20px 2px 10px 2px;}
#footer-info h3{padding-top:10px;font-size:30px;font-family:Georgia;width:100%;padding-bottom:3px;color:#2B2B2B;font-weight: bold;border-bottom: 1px #2B2B2B solid;}
#footer-info h3 em{font-size:16px;font-weight:normal;}
#footer-info p{color:#2B2B2B;padding:3px 2px 0px 2px;font-size:14px;font-weight:normal;padding-bottom: 0;}
#footer-info p.address{color:#2B2B2B;padding-left:2px;font-size:12px;font-weight:normal;padding-top:0;padding-bottom: 0;border-top: 0;}
#footer-info a.go_to_top{float:right;width:128px;height:128px;padding:5px 0px 0px 0px;}
#footer-info a.go_to_top img {height:128px;width:128px;display: block;}
#footer .footer_nav li a{color:#fff;}
#footer a.current{font-weight:bold;}
.footer_nav{float:left;padding:0;margin:0;}
.footer_nav li{list-style:none;display:inline;margin-left:0;padding:0 10px 0 0;font-size:12px;}

.copyright{float:right;}
.copyright p{font-size:11px;color:#fff;margin:0px;padding:0px;}

img.centered, img.aligncenter {display: block;margin-left: auto;margin-right: auto;border: 4px #CCCCCC solid;}
img.alignright {float: right;margin:10px 0 10px 20px;padding:0px;border: 4px #CCCCCC solid;}
img.alignleft {float: left;margin:10px 20px 10px 0px;padding:0px;border: 4px #CCCCCC solid;}

div.alignleft {float: left;}
img.icon {border: 0;float: left;margin:2px 10px 2px 0px;}
img.icon.alignright {float: right;margin:2px 0px 2px 10px;}
img.icon.clearboth {clear:both;}
/*/////////////////  p.option_btn ///////////////////////*/
p.option_btn{padding-bottom:10px;}
.option_btn a{float: left;width:auto;text-decoration: none;padding:5px 20px 0 0;height:23px;line-height:1.4em;margin-right: 5px;margin-bottom: 5px;font-size:12px;	color: #5c5c5c;background: url(./images/option_btn_bg.gif) no-repeat top right;}
.option_btn a strong{text-transform:uppercase;}
.option_btn a em {width:auto;float: left;padding-right: 20px;display: block;margin-top:-5px;text-indent:-9000px;height: 28px;background: url(./images/option_btn_bg.gif) no-repeat top left;}
.option_btn a:hover, .option_btn a.current {color:#262626;background-position:right 100%;text-decoration:none;}
.option_btn a:hover em, .option_btn a.current em {background-position:left 100%;}

/*///////////////// Form ///////////////////////*/


input {font-family: Arial, Lucida Grande, Tahoma,  Helvetica, sans-serif;background-color:#eee;border:1px solid #aaa;color:#202020;font-size: 16px;padding: 3px;font-weight:bold;}
/*---- Comment editor ------*/
textarea, div.comment_editor {background-color:#eee;border:1px solid #aaa;color:#202020;font-size: 16px;font-family: Verdana, Arial, Lucida Grande, Tahoma,  Helvetica, sans-serif;font-weight:normal;line-height: 1.3em;margin-left:5%;width:86%;padding: 10px ! important;margin-bottom:10px;}
div.comment_editor {font-family:Verdana, Arial, Lucida Grande, Tahoma,  Helvetica, sans-serif;height:200px;overflow-y:auto;margin-left:1%;width:93%;}
div.comment_editor_body {float:left;margin-left:5%;width:90%;background-color:#ddd;border:1px solid #999;}
div.comment_editor_body img {float:left;margin:4px;}
div.comment_editor_body img.html_view {float:right;}

div.comment_editor p {background:#fff url("/js/html_editor/icons/lbl-p.png") no-repeat 4px 4px;margin-top:3px;}
div.comment_editor ul {list-style:none;background:#fff url("/js/html_editor/icons/lbl-list.png") no-repeat 4px 4px;margin-top:3px;padding:10px 10px 10px 20px;}
div.comment_editor ul li{background:url("/js/html_editor/icons/menu_arrow.gif") no-repeat left 3px;padding-left:20px;padding-bottom:5px;list-style:none;margin-left:5px;line-height:22px;}
div.comment_editor a{background: url("/js/html_editor/icons/list_item.png") no-repeat 0px 0px;line-height:20px;padding-left:20px;}
/*----END  Comment editor ------*/

input.text {width:90%;padding: 4px;/*font-size:10px;*/margin-left:5%;margin-right:5%;}
input.number,  input.date,  input.currency,  input.code {width:50% ;margin-left:5%;text-align:left;}
input.code {text-align:left;}
input.button {font-size: 14px;padding: 5px 10px 5px 10px;margin: 3px;color:#333;}
input.text:focus,
input.number:focus,
input.date:focus,
input.currency:focus,
input.code:focus{background-color:#E6E6E6;}




input.submit{border:0;height:28px;margin-top:10px;width:150px;padding:0 0px 0 0px;line-height:28px;text-align:center;text-transform:uppercase;font-weight:bold;color:#fff;font-size:14px;background: url("./images/save_btn_bg1.gif")  0 -28px no-repeat;margin-right:55px;}
p.modify-data  a{padding:0;margin:0 10px 0 0;border:0;float:right;text-align:center;text-transform:uppercase;font-size: 14px; font-weight:bold; background: url("./images/save_btn_bg1.gif") no-repeat 0 0px; width: 150px;line-height:28px;margin-top:5px; height: 28px ! important; color: #fff;}
p.modify-data  a:hover{color: #fff; background: url("./images/save_btn_bg1.gif") no-repeat 0 -28px;text-decoration:none;}
a.exit em{text-indent:-9000px;display:none;}


p.modify-data a span, p.modify-data a em{display:none;}
ul.radio {float:left;}
.radio-icon {float:left;width:80px;}
ul.radio li {list-style:none;min-width:90px;margin:0px;border:0px;padding:5px;color:#333;font-size:14px ! important;}
/*ul.radio li input{width:50px;height:50px; }*/
ul.radio li input{background-color:transparent; border:0;}
ul.radio li em {font-size:12px;}

label {	text-align:left ! important;line-height: 1.6em;	padding-right:10px;}


p.cell_info {
font-size:12px;
}
p.data em{
font-size:14px;
}
p.options {text-align:right;}

/* Universal p  */
p.right {text-align:right;}
p.center {text-align:center;}
p.justify {text-align:justify;}

p.intro_text{display:block;padding-bottom:15px;	padding-left:25px;color:#a2a2a2;font-size:14px;font-family:georgia;font-style:italic;text-align:right;color:#026DB5;}
p.region-slogan, #TableOfContents {display:block;padding-bottom:30px;padding-right:30px;color:#888;font-size:16px;font-family:georgia;font-style:italic;text-align:right;}
#TableOfContents  {float:left;padding-right:10%;width:90%;text-align:left;color:#555;font-size:14px;}

/*clear fix*/
.clearfix{clear:both;}

/*/////////////////  PageStepper ///////////////////////*/
ul.PageStepper {/*clear:both;*/float:right;width:100%;padding:10px 0 10px 0;margin:0;text-align:right;list-style: none;}
ul.PageStepper li{display:inline;padding-right:5px;line-height:64px;background:transparent;}
ul.PageStepper li.next_inactive a, ul.PageStepper li.back_inactive a{display:none}
ul.PageStepper li a{border:1px solid #ccc;line-height:64px;padding:12px;color:#475F81;font-size:22px;}
ul.PageStepper li a:hover{background-color:#475F81;color:#fff;}
ul.PageStepper li a.current{background-color:#bbb;color:#fff; }

ul.PageStepper li.next_active a{color:#fff;border:0px;padding-left:50px;background: url(./images/arrow_next.png) no-repeat left 0;}
ul.PageStepper li.back_active a{color:#fff;border:0px;padding-right:50px;background: url(./images/arrow_back.png) no-repeat right 0;}
ul.PageStepper li.back_active a img, ul.PageStepper li.next_active a img{padding:0px;margin:0px;border:0px;display:inline;}
ul.PageStepper li.back_active a span, ul.PageStepper li.next_active a span{display:none}


#page_tip p{clear:left;display:block;padding:3px 0px 5px 3px;margin:0px;font-size:12px;}

#calendar_target h2 em{ font-size:18px; }
#js_calendar {padding:0px;margin:0px;}






@media print {

h1,h2,h3,h4,p,address,li,a {text-align:left ! important;border:0 ! important;float:none ! important;height:auto ! important;width:auto ! important;font-family:Arial, Helvetica, sans-serif  ! important;color:black ! important;margin:0px  ! important;font-size:14px  ! important;}
div {float:none ! important;width:100% ! important;border:0 ! important;margin:0px  ! important;padding:5px 0px  ! important;}
form {display:none ! important;}
ul {float:none ! important;padding:10px 10px ! important;margin:0 0 0 15px ! important;}
ul li{float:none ! important;list-style: disc outside ! important;padding:0 0 5px 0 ! important;}
/*ul.sidenav li a {display:inline ! important;font-size:18px ! important;}
ul.sidenav li a.current {text-decoration:underline;font-weight:bold;} */
h1 {font-size:28px ! important;line-height:34px ! important;padding:10px 0! important;}
h2{font-size:20px  ! important;line-height:22px  ! important;padding:10px 0px ! important;}
h3{font-size:18px  ! important;line-height:20px  ! important;padding:5px  0px! important;}
h4{font-size:16px  ! important;line-height:18px  ! important;padding:5px  0px! important;}
p{font-size:14px  ! important;padding:0px 5px 10px 5px  ! important;}
p.blockquote {font-size:16px  ! important; }
address.docu_header, address.docu_footer{margin:4px 0px ! important;padding-top:5px ! important;border-top:1px solid black ! important;text-align:center ! important;}
address.docu_footer{margin-top:15px ! important;}

h1.docu_header img{display:inline ! important;float:none ! important;padding-right:30px;vertical-align:middle  ! important;border:0 ! important;}
div.post, div.underline, div#sidebar {border-bottom:1px solid black ! important;margin-bottom:10px;} 
blockquote {float:none ! important;width:79% ! important;border:1px solid black ! important;padding:5px 5%  ! important;margin:5px 5%  ! important;}
 #sitemenu, #footer, .breadcrumb_inner, #AdminMenu, div#sidebar ul.sidenav, div#sidebar div#featured-info  {display:none ! important;}
#header .title_wrap{height:auto ! important;padding:0 ! important;margin:0 ! important;border-bottom:1px solid black ! important;}
ul.breadcrumb li, ul.breadcrumb li a{display:inline ! important;}
}



/* BOTTOM AREA AND FOOTER
------------------------------------------------------------- */
.inner {
	width: 940px;
	margin: 0 auto;
}
.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.bottom {
	margin-top: 15px;
	padding: 65px 0 0 0;
	background: url(./images/bg-bottom.png) top center no-repeat;
	font-size: 10px;
}

.bottom h5 {
color:#507B8D;
font-size:10px;
margin:10px 0;
text-transform:uppercase;
padding:0;
}

.bottom ul li{list-style-image:none;list-style-position:outside;list-style-type:none;}

.bottom .widget {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 40px 0 0;
	background: url(./images/separator-vert.png) 100% 0 repeat-y;
}

.bottom .widget.contact_us { width: 220px;}
.bottom .widget.contact_us h3 { font-size: 14px; font-family: arial; border: 0; margin: 0; padding: 0 0 5px 0;}

.bottom .widget.social { width: 150px;}
.bottom .widget.social ul li {float:left; width:74px;}

/*.bottom .widget:last-child {
	margin-right: 0;
	padding: 0 0 0 10px;
	background: none;
}*/
.bottom .widget.social ul li {
float:left;
width:74px;
margin:0;
}
.bottom .widget ul li a {
	color: #676767;
	text-transform: uppercase;
	line-height: 30px;
}

.bottom .widget.services {
	/*width: 250px;*/
	width: 398px;
	margin-right: 0;
	padding-right: 0;
	background: none;
	float: right;
}

.bottom .widget .tools {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(./images/separator-horizontal.png) left bottom repeat-x;
}

.bottom .widget .screenshot {padding-left: 10px;}

.bottom .widget .screenshot ul li {
	float: left;
	margin: 12px 10px 0 0;
}

.bottom .widget .screenshot ul li a img {
	border: 3px solid #bcbcbc;
}

.bottom .widget .screenshot ul li a:hover img {
	border: 3px solid #aaa;
}

.foot {
	margin: 45px 0 0 0;
	background-color: #eaeaea;
	text-transform: uppercase;
	font-size: 10px;
	color: #676767;
	height: 42px;
	line-height: 42px;
}

.foot ul {
	float: left;
}

.foot ul li {
	float: left;
	margin: 0 5px 0 0;
}

.foot ul li a {
	border-right: 1px solid #676767;
	padding: 0 5px 0 0;
	color: #676767;
}

.foot p {
	float: left;
	margin-bottom: 0;
}

.foot p a {
	color: #676767;
	font-weight: bold;
	
}

/*-------buttons------------*/

a.freequote_button  {
background:url(./images/buttons.png) 0 0 no-repeat;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
height:35px;
line-height:2.3em;
margin:15px 0 0 15px;
padding:0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:171px;
}

a.freequote_button:hover {background:url(./images/buttons.png) 0 -35px no-repeat;}





/*---- Forum Post ------*/
.forum_topic p {padding:10px 10px 10px 0;}
.forum_topic p.info{font-family:georgia;font-style:italic;text-align:right;}
.forum_topic p.meta{margin-right:5px;padding-right:0;display:block;border-top:1px solid #ccc;padding-top:20px;color:#026DB5;font-size:14px;text-align:left;}
div.forumpost {width:100%; margin: 10px; background-color: #eee;}
.forumpost .post-header {background: url("./images/cnaoc_bg8_footer.png") repeat-x 0px 0px; height: 28px; padding: 2px 5px;}
.forumpost .post-body {height:auto; overflow:hidden;}
.forumpost .post-footer {padding:5px;margin-top:5px;border-top:1px solid #d0d0d0;background-color:#ddd;}
.forumpost .post-header p {color:white; text-align: left; padding: 0 10px;line-height: 28px; }
.forumpost .member-info {float: right; width: 180px; padding: 5px; margin-right: 10px;}
.forumpost .member-info a {display: block; text-decoration: none; border: 1px solid #ccc; padding: 5px;}
.forumpost .member-info a:hover {text-decoration: none; background-color: white;}
.forumpost .member-info strong {display: block; text-align:center;}
.forumpost .member-info img {display: block;max-width: 150px; margin: 5px auto; float: none !important; border: 1px solid #ccc;}
.forumpost .post-area {padding: 10px;}
.forumpost .member-info img.icon {border:0;}

.forumpost  a.show_post{display:none;}

.forumpost.closed a.show_post{text-align:center;color:white;text-transform:uppercase;font-weight:bold;display:block;background:url(./images/buttons.png) 0 0 no-repeat;height:35px;line-height:35px;width:171px;z-index:5}
.forumpost.closed a.show_post:hover {background:url(./images/buttons.png) 0 -35px no-repeat;}


/*----END Forum Post ------*/

.option_btn a.prev_week_1, .option_btn a.next_week_53 {display:none;}

.option_btn a.year_button {display:none;}
.option_btn a.year_button.prev_year_1, .option_btn a.year_button.next_year_53 {display:block;}


.option_btn a.prev_month_01, .option_btn a.next_month_12 {display:none;}

.option_btn a.year_button {display:none;}
.option_btn a.year_button.prev_year_01, .option_btn a.year_button.next_year_12 {display:block;}

/*----- FINANCE (BUTTON, DATE CHANGE) ------- */


p.date_btn {display: block; margin: 0; padding: 0;}

.date_btn a {height: 48px; float: left;padding:5px 20px 0 0; min-width: 48px;line-height:1.4em;margin-right: 5px;margin-bottom: 5px;}
.date_btn a.prev_button.prev_month_01, .date_btn a.next_button.next_month_12 {display:none; text-indent: -9999px;}
.date_btn a.prev_button {display:block; text-indent: -9999px; background: url(/images/scroll_button_left.png) 0 0 no-repeat;}
.date_btn a.next_button {display:block; text-indent: -9999px; background: url(/images/scroll_button_right.png) 0 0 no-repeat;}

.date_btn a.year_button {display:none; text-indent: -9999px;}
.date_btn a.year_button.prev_year_01, .date_btn a.year_button.next_year_12 {display:block; text-indent: -9999px;}
.date_btn a.year_button.prev_year_01 {background: url(/images/scroll_button_left.png) 0 0 no-repeat;}
.date_btn a.year_button.next_year_12 {background: url(/images/scroll_button_right.png) 0 0 no-repeat;}

.date_btn a.year_button_other {display:block; text-indent: -9999px;}
/*.date_btn a.year_button.prev_year_other_01, .date_btn a.year_button.next_year_12 {display:block; text-indent: -9999px;}*/
.date_btn a.year_button_left {background: url(/images/scroll_button_left.png) 0 0 no-repeat;text-indent: -9999px;}
.date_btn a.year_button_right{background: url(/images/scroll_button_right.png) 0 0 no-repeat;text-indent: -9999px;}
.date_btn a.year_button_left.act_year_0{display:none;}
.date_btn a.year_button_right.act_year_0{display:none;}

.date_btn span {display: block; float: left; padding:5px 20px 0 0; min-width: 48px;line-height:1.4em;margin-right: 5px;margin-bottom: 5px;font-size: 26px;} 

div.date_view_change { display: block; float:right; font-size: 20px; }
.date_view_change ul {display:inline; list-style-image:none;list-style-position:outside;list-style-type:none;}
.date_view_change ul li{display:inline; }
.date_view_change ul li a {height: 48px;padding:5px 5px; min-width: 48px;line-height:1.4em;margin: 5px 0; font-weight: none;  text-decoration: none; }
.date_view_change ul li a:hover, .date_view_change ul li a.current  {color: black;}



h2 span.view_change {display: inline; float:right; height: 32px;}
h2 span.view_change a {text-decoration: none; font-size: 10px; line-height: 1.4em; margin-right:6px; padding:10px; border: 1px solid #ddd; background: #eee;}
h2 span.view_change a img {margin-right:5px; vertical-align: middle;}
h2 span.view_change a:hover {text-decoration: none; color: black; border: 1px solid #5d4d5d; background: #ddd;}

h2 span.view_change a.income.income {display:none}
h2 span.view_change a.expense.expense {display:none}
h2 span.view_change a.income.expense{display:inline}
h2 span.view_change a.expense.income {display:inline}

p.finance_ordername_title {float: left; font-size: 12px; font-style: italic; top: 0; display: block; margin: 2px; padding: 0;  line-height: 1.4em; width: 100%; text-align: right;}

/*-----END FINANCE ------- */

/*-------------Timesheet table------------*/

table.general td strong, table.general td span {padding:0px;margin:0px;}
table.general {font-size:18px; border-collapse: collapse; width: 98%; margin:10px 0 20px 0;margin-left:1%;}
table.general th {text-align:center;background: #546E8F; color: #fff; font-weight: bold; padding: 10px 11px; border-right: 1px solid #fff; line-height: 1.2;}
table.general th a {color:white;}
table.general th em{display:block;font-style:normal;font-size:14px;}
table.general td {color:#333; padding: 12px 11px; border-bottom: 1px solid #BBD3ED; border-right: 1px solid #ccc;vertical-align: middle;}
/*table.general tbody tr:hover td { background: #eee;}*/

table.timesheet td {padding:5px;vertical-align:top;}
/*table.timesheet tr.even td{ background: #eee;}*/
table.timesheet td a strong {display:block;text-align:center;font-size:12px;}
table.timesheet td a img {width:32px;margin:0 auto;display:block;float:none;padding:2px;}
table.timesheet td a {margin:0 auto;display:block;width:100px;padding:5px;}
table.timesheet td.name a {width:auto;}
/*table.timesheet td a:hover { background: #ddd;}*/
table.timesheet td span {display:block;font-size:12px; }
table.timesheet td div {min-height: 100px;}

table.timesheet td em {font-size:12px;display:block;}
table.timesheet td.name {vertical-align: middle;}
table.timesheet th {width:15%}
table.timesheet th.name {width:25%}
table.timesheet tr.gray {background:#eee}
/*table.timesheet tr.blue {background:#BBD3ED}*/

/*------------- system event list------------*/
ul.system_event li {margin-bottom:10px;display:block; width: 100%; float:left;}
ul.system_event li:hover {background-color:#eee}
ul.system_event li img {float:left; margin:3px 10px 3px 0px}

em.system_event {font-size: 12px;}