/*** Common styles ***/
html {height: 100%;}
body, textarea, input, select, td {font-family: "Arial", "Georgia", "Lucida Grande", "Verdana", "Sans-serif"; font-size: 16px; line-height: 1.5em; color: #303030;}
body {width: 100%; height: 100%; background-color: #f0f0f0;}
#non-footer {
	position: relative; min-height: 100%; background-color: #f0f0f0;
	background: transparent url(../../../../img/module/agent/component/page/non-footer-bg.png) repeat-x left 228px;
}
#content {
	width: 100%; padding-bottom: 107px; 
	background: transparent url(../../../../img/module/agent/component/page/content-bg.jpg) no-repeat 0px top;
}
* html #non-footer {height: 100%;}
/* Header */
#header {width: 940px; height: 150px; margin: 0 auto 0;}
#header #logo {float: right; width: 105px; height: 75px; margin: 19px 0 0 0;}
#agent-main-menu ul li.current a {font-weight: bold;}
/* Body */
#body {
	clear: both; width: 940px; min-height: 300px; margin: 0 auto 0 auto; border: 1px solid #bcbcbc; background-color: #ffffff;
}
#body #body-content {width: 860px; margin: 0 auto 0 auto; padding: 20px 0 40px 0;}

#body #body-column-left {width: 172px; float: left; clear: none;}
#body #body-content-right {
	width: 646px; float: left; clear: none; border-left: 1px solid #d3d3d3;
	padding: 0 20px 10px 20px;
}
/* Right Side Bar */
#body #right-side-bar #right-side-bar-content {width: 100%; clear: both;}
#body #right-side-bar .grid {margin: 0;}
#body #right-side-bar .grid .grid-dataset .grid-dataset-content {margin: 0;}
#body #right-side-bar .grid {margin: 0;}
#body #right-side-bar .grid .grid-dataset .grid-dataset-content .messager {margin: 0; font-size: 1em;}
/* Footer */
#footer {position: relative; width: 100%; height: 107px; margin-top: -107px;}
#footer #footer-body {
	width: 940px; height: 106px; margin: 10px auto 0 auto; border-top: 1px solid #bcbcbc;
	background: transparent url(../../../../img/module/agent/component/page/footer-bg.png) no-repeat left top;
}
#footer #copyright {float: right; width: 235px; height: 64px;}
#footer #copyright p {color: #303030; line-height: 64px; font-size: 0.75em; margin: 0; padding: 0; text-align: right;}
#footer #copyright p a {color: #303030;}
/* Main Menu */
#agent-main-menu {height: 36px; margin: 5px 0 0 0; border-bottom: 1px solid #bcbcbc;}
#agent-main-menu ul {height: 36px;}
#agent-main-menu ul li {float: left; line-height: 36px; padding: 0 30px 0 30px; margin: 0;}
#agent-main-menu ul li a {text-decoration: none; color: #8e8e8e; font-size: 0.875em; line-height: 1.5em;}
#agent-main-menu ul li a img {padding: 0; margin: 0;}
#agent-main-menu ul li a:hover {text-decoration: underline;}
#agent-main-menu ul li.current {
	background: transparent url(../../../../img/module/agent/component/menu/main/item-current-bg.png) no-repeat 50% bottom;
}
/* Bottom Menu */
#agent-bottom-menu {float: left; width: 600px; height: 64px; margin: 0 0 0 0;}
#agent-bottom-menu ul {height: 64px;}
#agent-bottom-menu ul li {
	float: left; line-height: 64px; padding: 0 32px 0 30px; margin: 0;
	background: transparent url(../../../../img/module/agent/component/menu/bottom/item-bg.png) no-repeat right 50%;
}
#agent-bottom-menu ul li a {color: #303030; line-height: 64px; font-size: 0.75em;}
#agent-bottom-menu ul li.last {background-image: none; padding-right: 0px;}
/* User Menu */
#user-menu {padding: 0;}
#user-menu ul.jd_menu {
	margin: 0px; padding: 0 0 0 15px; list-style-type: none; border-bottom: 1px solid #aaaaaa;
	height: 30px; font-weight: normal;
}
#user-menu ul.jd_menu ul {display: none; font-size: 1em; border: 1px solid #aaaaaa;}
#user-menu ul.jd_menu li {float: left;}
#user-menu ul.jd_menu ul {
	position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000;
}
#user-menu ul.jd_menu ul li {float: none; margin: 0px; height: 30px; background-color: #315988;}
#user-menu ul.jd_menu, #user-menu ul.jd_menu ul {}
#user-menu ul.jd_menu ul {height: auto;}
* html #user-menu ul.jd_menu ul {width: 1%;}
#user-menu ul.jd_menu li {
	display: block; color: #ffffff; height: 30px; line-height: 30px; margin: 0px; padding: 0 0 0 0; 
	cursor: pointer; white-space: nowrap; font-size: 1em;
	border-right: 1px solid #ffffff; border-left: 1px solid #bcbcbc; background-color: #aaaaaa;
}
#user-menu ul.jd_menu li li {
	width: 175px; height: 28px; line-height: 28px; text-align: left; font-size: 1em; border: none; background: #ffffff;
}
#user-menu ul.jd_menu li a {color: #ffffff; text-decoration: none; font-weight: normal; line-height: 30px; padding: 0 1em 0 1em;}
#user-menu ul.jd_menu li a:hover {text-decoration: none;}
#user-menu ul.jd_menu li.jdm_hover, #user-menu ul.jd_menu li.jdm_active {background: #bcbcbc; color: #ffffff;}
/* User Secondary Menu */
#user-secondary-menu {width: 300px; height: 32px; float: right;}
#user-secondary-menu ul li {
	float: right; line-height: 32px; color: #000000; padding: 0 7px 0 5px; margin: 0; text-align: right;
	background: transparent url(../../../../img/component/menu/user-secondary/item-bg.png) no-repeat right 50%;
}
#user-secondary-menu ul li.first {background-image: none; padding-right: 0px;}
#user-secondary-menu ul li a {color: #000000; font-size: 0.75em; line-height: 32px; font-weight: bold; margin: 0; text-align: right;}
/* User Agent Top Panel */
#user-agent-top-panel {float: left; margin: 7px 0 0 0;}
#user-agent-top-panel .user-agent {margin: 0; width: 500px;}
#user-agent-top-panel .user-agent .user-agent-image {float: left; width: 66px; border: 1px solid #d1d1d1; padding: 7px 0 7px 0;}
#user-agent-top-panel .user-agent .user-agent-image-content {width: 56px; height: 72px; margin: 0 auto 0 auto; overflow: hidden;}
#user-agent-top-panel .user-agent .user-agent-image img {width: 56px;}
#user-agent-top-panel .user-agent .user-agent-info {float: left; margin: 0 0 0 7px;}
#user-agent-top-panel .user-agent .user-agent-name {margin: 7px 0 0 0;}
#user-agent-top-panel .user-agent .user-agent-name h1 {margin: 0; padding: 7px 0 2px 0; font-size: 1.875em; color: #000000;}
#user-agent-top-panel .user-agent .user-agent-position {}
#user-agent-top-panel .user-agent .user-agent-position h2 {margin: 0; padding: 0 0 0 0; font-size: 0.75em; color: #183152;}
#user-agent-top-panel .user-agent .user-agent-phone {}
#user-agent-top-panel .user-agent .user-agent-phone p {
	margin: 0; padding: 0 0 0 20px; font-size: 0.875em; color: #183152;
	background: transparent url(../../../../img/module/agent/component/panel/user-agent-top/phone.png) no-repeat left 50%;
}
/* User Agent Bottom Panel */
#user-agent-bottom-panel {}
#user-agent-bottom-panel p {color: #303030; font-size: 0.75em; text-align: center;}
/* Headers */
h1, h2, h3, h4 {text-align: left; font-weight: normal; color: #303030; line-height: 1.5em; padding: 0.75em 0 0.75em 0;}
h1 {font-size: 1.875em; padding: 0.5em 0 0.5em 0;}
h2 {font-size: 1em;}
h3 {font-size: 0.875em;}
h4 {font-size: 0.75em; font-weight: bold;}
dt {font-weight: bold;}
dd, dt {text-align: left; font-size: 0.75em;}
/* Links */
a {font-size: inherit; color: #194d91; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
a.button {font-size: inherit;}
a.button:hover {text-decoration: none;}
/* Paragraphs */
p {font-size: 0.75em; line-height: 2em; text-align: left; padding: 0.25em 0 0.25em 0;}
p.mceNonEditable {margin: 0; padding: 0; line-height: 1px;}
p.red {color: #9b2300;}
p.small {font-size: 0.625em;}
span {font-size: inherit; line-height: 1.5em;}
#body ul {font-size: 0.75em;}
#body ul ul {font-size: 1em;}
#body ul li {line-height: 1.5em; text-align: left;}
#body ol {font-size: 0.75em;}
#body ol ol {font-size: 1em;}
#body ol li {line-height: 1.5em; text-align: left;}
/* Boxes */
.box {border: 1px solid #bcbcbc; background-color: #ffffff;}
.box .box-header h4 {border-bottom: 1px solid #b5b5b5; text-indent: 22px;}
.box-1 {margin: 0; padding: 0; border: #bcbcbc 1px solid; background-color: #fcfcfc;}
.box-1 .box-header {height: 32px; padding: 0 10px 0 10px;}
.box-1 .box-header h4 {
	color: #7e7e7e; font-size: 0.875em; font-weight: normal; line-height: 32px;
	border-bottom: 1px solid #bcbcbc; text-indent: 22px; margin: 0; padding: 0 0 0 0;
}
.box-1 .box-body {padding: 10px 10px 10px 10px;}
.box-2 {
	margin: 0 0 0 0; padding: 8px 8px 8px 8px; border: #bcbcbc 1px solid; background-color: #f3f3f3;
}
/* Qtip */
.qtip {font-size: 0.75em;}