/* Qchi.net default stylesheet © 2010 */
body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:arial;
	font-size:13px;
	background:#f0f0f0;
}
div#body {
	display:block;
	width:1010px;
	height:100%;
	padding:0;
	margin:0 auto;
	background:#fff url(../images/body-bg.png) 50% 50% repeat-y;	
}
.hide { display:none; }
/*
 *	header
 */
#header {
	width:979px;
	margin-left:16px;
}
#search {
	display:block;
	width:100%;
	height:100px;line-height:100px;
	text-align:right;
	background:#fff url(../images/qchi-logo.png) 40px 0 no-repeat;
	color:#75A596;
}
#search input { 
	width:120px;
	margin:0 10px 0 4px;
	padding:4px 4px 4px 20px;
	border:1px solid #ccc;
	color:#555;
	font-style:none; 
	background:#F9F9F9 url(../images/bg-search-alt.png) 0 0 repeat-x;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
#search input.blur { color:#bbb; font-style:italic; }
#nav {
	display:block;
	list-style-type:none;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-size:1em;
	background-color:#E2EAE7;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/nav-bg.png);
	border-color:#EBF2EF;
	border-style:solid;
	border-width:1px 0;
}
#nav li{
	margin:0;
	padding:0;
	float:left;
}
#nav a {
	display:block;
	margin:0;
	width:100px;
	height:100%;line-height:20px;
	color:#2D584B;
	text-decoration:none;
	text-align:center;
	border-right:1px solid #b9d6cc;
}
#nav a:hover {
	color:#000;
	background-color:#bad5cd; 
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/nav-bg-on.png);
}
#header-bar {
	display:block;
	height:60px;
	line-height:60px;
	overflow:hidden;
	margin:2px 0 0 0;
	font-size:1.3em;
	color:#666; /*#BFD957;*/
	text-indent:20px;
	background:#000 url(http://www.qchi.net/public/qchi_net.nsf/topbar4.png) 100% 0% no-repeat;
	border-bottom:2px solid #ccc;
}
#header-bar h1 { font-size:1em; margin:0; padding:0; width:400px; }
#header-bar h1 .quote-start,
#header-bar h1 .quote-end {
	display:none;
	font-size:2em;
	padding:0;
	margin:0;
    color: #333;
	font-family:times new roman;
}
#header-bar h1 .quote-start { float:left; padding:-2px 0 0 0; }
#header-bar h1 .quote-end { float:right; padding:14px 0 0 0; }
/*
 *	content & menus
 */
  
#main {
	width:100%;
	margin:4px 0 0 0;
}
/*
 *	menus
 */
#news,
#menu {
	display:block;
	width:15%;
}
#news { float:right; margin-right:2.5%; }
#menu { float:left; margin-left:2.5%; }
#menu h2,
#news h2 {
	display:block;
	width:90%;
	margin:0 0 20px 0;
	padding:0;
	color:#75A596;
	font-weight:normal;
	font-size:1.8em;
}
#menu h2 { text-align:left; }
#news h2 { text-align:right; }
#news h3 {
	display:block;
	width:90%;
	text-align:right;
	margin:8px 24px 12px 0;
	padding:0;
	color:#2d584b;
	font-size:1.2em;
	font-weight:bold;
}
/*
 *	accordion menu
 */
#menu ul.menu-cont {
	display:block;
	margin:8px 0 40px 0;
	padding:0;
	list-style-type:none;
}
#menu ul.menu-cont li {
	display:block;
	width:100%;
	margin:8px 0 16px 6px;
	padding:0;
	color:#2d584b;
	font-size:1.2em;
	font-weight:bold;
}
#menu ul.menu-cont li a { text-decoration:none; color:#2d584b; }
#menu ul.menu-cont li a:hover { color:#000; }
#menu ul.menu-cont li ul { 
	width:100%;
	margin:4px 0 4px 5px;
	padding:0;
	list-style-type:none;
}
#menu ul.menu-cont li ul li {
	display:block;
	width:80%;
	margin:0;
	border:0;
} 
#menu ul.menu-cont li ul li a {
	padding:4px 0 4px 12px;
	text-decoration:none;
	border-left:1px solid #fff;
	display:block;
	height:100%;
	width:100%;
	color:#717574;
	font-size:.7em;
	font-weight:normal;
}
#menu ul.menu-cont li ul li a.active-section { border-left:1px solid #717574; /*DDE4E2;*/ color:#000; }
#menu ul.menu-cont li ul li a:hover { border-color:#222; color:#222; }
#menu ul.menu-cont li ul li a span{ color:#aaa; }
#menu ul.menu-cont li.menu-item ul { display:none; }
#menu span.menu-bullet { display:block; float:left; height:12px; width:12px; background:#E3E9E7; margin:2px 4px 0 0; padding:0;}
/*
 *	tag cloud 
 */
#news ul.tags {
	display:block;
	height:100px;
	list-style-type:none;
	padding:0;
	margin: 0 0 10px 0;
}
#news ul.tags  li {
	float:right;
	margin:0 4px;
}
#news ul.tags  li  a{
	font-weight:normal;
	color:#75A596; /*c5cfcb;*/
	text-decoration:none;
}
#news ul.tags  li a:hover {
	color:#505554;
}
/*
 *	news lists
 */
 
#news ul.news  {
	display:block;
	width:90%;
	margin:0 0 0 5%;
	padding:0;
	list-style-type:none;
}
#news ul.news  li {
	margin:0;
	padding:0;
}
#news ul.news  li a {
	display:block;
	height:100%;
	width:100%;
	margin:0 0 8px 0;
	padding:4px;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	font-size:.9em;
	color:#888;
	text-decoration:none;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#news ul.news  li a { border-color:#eaf2ef; background-color:#f3f7f6; /*#BBD7CE;*/ color:#555; }
#news ul.news  li.sibling a { color:#333; }
#news ul.news  li a strong { color:#666; }
#news ul.news  li a:hover  strong { color:#000; }
#news ul.news  li a:hover { border-color:#BBD7CE; background-color:#D8E7E1; /*#BBD7CE;*/ color:#222; }
#news p#show-old-news { text-align:center; color:#aaa; margin:10px auto 20px auto; padding:4px 0;}
#news p#show-old-news:hover { color:#222; }
#news ul#old-news { display:none; }
/*
 *	content
 */
#content {
	margin-left:18%;
	margin-top:30px;
	width:64%; 
	min-height:650px;
	border-style:dotted;
	border-color:#ccc;
	border-width:0 1px 0 1px;
}
#content p {
	margin:10px 24px 10px 24px;
	color:#666;
	font-size:1.1em;
	line-height:1.5em;
}
#content p.quote {
	margin:24px;
	color:#75A596;
	font-size:1.4em;
	line-height:1.5em;
	text-align:center;
}
#content p img{
	float: right;
	margin: 10px;
}
#content ul {
	list-style:square outside url(../icon/ul-bullet-arrow.png);
	padding:0;
	margin:0 0 0 54px;
}
#content ol {
	padding:0 0 0 12px;
}
#content ol li {
	margin-left:2em;
}
#content ul li {
	color:#666;
	margin:6px 0;
	font-size:1.1em;
}
#content a { color:#6E83C3; }
#content a:hover { 
	background-color:#E0E8FF;
	color:#000;
	text-decoration:none;
 	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#content a img { border:0; }
#content table {
	border-collapse:collapse;
	margin:20px;
}
#content table tbody {
	border-top:1px solid #222;
}
#content table tr th{
	font-size:1em;
	color:#f0f0f0;
	padding:4px;
	background-color:#5F5F5F;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #222;
}
#content table tr td {
	font-size:1em;
	color:#222;
	padding:8px 12px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #AFC4F2;
}
#content table tr td.t {
	background-color:#F2F5FF;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	font-weight:normal;
	font-size:1.1em;
}
#content h1 {
	color:#75A596;
	font-size:2.1em;
	font-weight:normal;
	margin:0 20px 0 20px;
}
#content h2 {
	color:#717574;
	font-size:1.4em;
	font-weight:normal;
	font-style:italic;
	margin:10px 20px 10px 20px;
}
#content h3 {
	color:#333;
	font-size:1.4em;
	font-weight:normal;
	margin:20px 20px 10px 20px;
}
#content img.w640 {
	margin:10px 80px;
}
#content div.boxout-container {
position:relative;
	display:block;
	margin:20px 80px 20px;
	overflow:auto;
}
#content div.boxout {
	position:relative;
	display:block;
	float:left;
	height:100%;
	width:210px;
	margin:0 0 0 20px;
	padding:4px;
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	font-size:.9em;
	color:#888;
	text-decoration:none;
	background-color:#F3F5FF;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;		
}
#content div.boxout:hover {
	border-color:#AFC4F2;
}
#content div.boxout  h3 {
	font-weight:bold;
	color:#555;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
#content div.boxout p{
	margin:10px;
	color:#222;
	font-size:0.9em;
}
#content div.boxout ol{
	margin: 0 0 5px;
}
#content div.boxout li{
	font-size:0.9em;
}
/* breadcrumbs */
#breadcrumbs {
	font-size:0.8em;
	margin:4px 20px 20px 20px;
	color:#717574;
}
#breadcrumbs a {
	color:#222;
}
/* slider */
#slider {
	position:inline;
	display:block;
	width:460px;
	height:170px;
	margin:40px auto;
}
#slider #sl-info {
	position:inline;
	display:block;
	height:110px;
	width:100%;
	color:#fff;
	background-color:#598075;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	overflow:hidden;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
#slider #sl-content {
	height:100%;
	font-size:1.3em;
	line-height:1.4em;
	margin:16px;
	width:430px;
}
#slider #sl-content img.badge-right {
	float:right;
	margin:2px 4px 4px 20px;
}
#slider #sl-content span {
	font-weight:bold;
}
#slider #sl-content a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#slider #sl-content a:hover {
	background-color:#fff; color:#444; /*text-decoration:underline;*/ 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
}
#slider #sl-menu {
	position:inline;
	display:block;
	width:100%;
	height:50px;
}
#slider #sl-menu  a {
	display:block;
	float:left;
	height:100%; line-height:50px;
	width:25%;
	color:#aaa;
	font-size:20px;
	text-decoration:none;
	text-align:center;
	background-color:transparent;
	cursor:hand;cursor:pointer;
}
#slider #sl-menu  a#section1 { background:#fff url(../images/google-greyscale.png) 50% 14px no-repeat; }
#slider #sl-menu  a#section2 { background:#fff url(../images/lotus-greyscale.png) 50% 14px no-repeat; }
#slider #sl-menu  a.on,
#slider #sl-menu  a:hover { font-weight:bold; }
#slider #sl-menu  a#section1.on { background-image:url(../images/google.png); }
#slider #sl-menu  a#section2.on { background-image:url(../images/lotus.png); }
#slider #sl-menu  a#section3.on { color:#548916 !important; }
#slider #sl-menu  a#section4.on { color:#663399 !important; }
#slider #sl-img { 
	position:inline;
	display:block;
	width:440px;
	height:10px;
	margin:0 10px;
	background-image:url(../images/scroller-arrow-cutout.png);
	background-repeat:repeat-x;
	background-position:50% 0%;
	background-color:#598075;
}
/*
 *	search results
 */
 
img.ajax-loading { margin:40px 45%; }
#search-results {
	font-size:1em;
	margin:20px;
	padding:0;
	width:90%;
	clear:none;
}
#search-results h2 { width:100%; margin:0; }
#search-results h2 span { color:#23583e; }
#search-results p { margin-left:0; }
#search-results div.search-result {
	display:block;
	float:left; /* chrome fix, hilariously */
	width:100%;
	margin-left:2%;
	padding:12px 0 20px 0;
	/*border-bottom:1px dotted #ccc;*/
}
#search-results div.search-desc {
	width:100%;
	margin:4px 0 0 4px;
	color:#666;
}
#search-results a.search-link {
	height:1.4em; line-height:1.4em;
	font-size:14px;
	overflow:hidden;
	display:block;
	height:100%;
	width:100%;
	padding:4px;
	text-decoration:none;	
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px 
}
#search-results a.search-link:hover { background-color:#e6f0ff; }
#search-results a span.title, #search-results a span.mod, #search-results a img.att, #search-results a span.size, #search-results a span.auth { 
	margin:0;
	padding:0;
	clear:none;
	cursor:hand;cursor:pointer;
}
#search-results a span.title { float:left; color:#496ca6;  }
#search-results a span.auth { float:right; color:#aaa; }
#search-results a span.mod { float:right; color:#496ca6; margin-left:8px; }
#search-results a span.size { float:right; margin-left:8px; color:#000; }
#search-results a span.ver { float:left; margin-left:8px; color:#aaa; }
#search-results a img.att {  float:right; margin:4px 0 0 8px; height:16px; width:16px; border:0; }
#search-results a.hilight { background-color:#eee; }
#search-results a.hilight:hover { background-color:#bcceed; }
/*
 *	content-footer
 */
#content-footer { margin:20px 30px 20px 30px; }
#content-footer a  { text-decoration:none; color:#222; }
#content-footer a:hover { color:#000; font-weight:bold; }
#content-footer a#callback  { float:right; text-align:right; margin-bottom:20px; }
#content-footer a img { border:0; vertical-align:middle;}
 
/*
 *	footer
 */
 
ul#footer {
	clear:both;
	display:block;	
	margin:20px auto 4px auto;
	padding-left:26%;
	color:#222; /*2D584B;*/
	height:20px;
	font-size:.8em;
	list-style-type:none;
}
 
ul#footer li {
	float:left;
	padding:4px;
}
 
#body-top {
	display:block;	
	height:13px;
	width:100%;
	margin:0 auto;
	background-image:url(../images/body-bg-top.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
#body-bottom {
	display:block;	
	height:13px;
	width:100%;
	margin:0 auto;
	background-image:url(../images/body-bg-bottom.png);
	background-repeat:no-repeat;
	background-position:0 0%;
}
 
/* popup window */
div#popup-mask {
    position:fixed;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/transparent10x10-75-000000.png);
}
div#popup-window {
    display: block;
    min-width: 500px;
    width: 50%;
    margin: 6% auto 0 auto;
    background-color:#fefefe;
    border: 2px solid #222;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    text-align:left;
    color: #363636;
}
div#popup-window h1 {
    font-size: 1.8em;
    font-weight: normal;
    margin: 0;
    padding: 10px;
    color:#75A596;
    /*border-bottom:1px dotted #b6b6bf;*/
}
div#popup-window h1 span { color:#23583E; }
div#popup-window p {
    margin: 20px;
    font-size: 1.2em;
}
div#popup-window table {
	width:90%;
	margin: 20px;
    font-size: 1.2em;
	border-collapse:collapse;
}
div#popup-window table td input,
div#popup-window table td textarea {
	width:95%;
	margin:4px 0;
	padding:4px;
	background:#f7f7f7;
	border:1px solid #ccc;
	font-family: arial;
}
div#popup-window table td textarea {
	font-size: 13px;
}
div#popup-window table td {
	font-weight:bold;
}
div#popup-window a {
    text-decoration:none;
    color:#2B6E93;
}
div#popup-window a:hover {
    background-color:#2B6E93;
    color:#fff;
}
div#popup-window a.popup-close {
    display: block;
    float: right;
    margin: 10px 10px 0 0;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    color: #c00;
}
div#popup-window a.popup-close:hover { background-color:transparent; color: #f00; }
.submit_button,
.cancel_button {
	margin:20px 0px 20px 20px;
	padding:4px;
	color:#fff;
	background-color:#75A596;
	font-weight:normal;
	font-size:1.2em;
	border:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.submit_button:hover,
.cancel_button:hover {
	background-color:#23583E;
}
.loading img {
	margin-right:12px;
}
/* google services menu */
ul#google-services {
	display:block;
	list-style-type:none;
	list-style:none;
	margin:20px 40px;padding:20px 0;
	height:200px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
ul#google-services li {
	float:left;
	width:30%;
	height:100px;
	margin:0 16px 10px 0;padding:0;
}
ul#google-services li img {
	float:left;
	margin:0 10px 4px 0;
}
ul#google-services li a {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
ul#google-services li p {
	font-size:0.8em;
	margin:4px 0 0 0;padding:0;
}
/* results */
div.g-c {}
div.g-c a img{ border:0; }
table#results {
	border-collapse:collapse;
	margin:20px;
	padding:4px;
}
table#results tbody {
	border-top:1px solid #222;
}
table#results tr th{
	font-size:1.1em;
	color:#565656;
	padding:4px;
	background-color:#E0E8FF;
	background-color:#F0F4FF;
		background-position:0 0;
	background-repeat:repeat-x;
	background-image:url(../images/scroller-content-top.png);
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #AFC4F2;
}
table#results tr td {
	font-size:1em;
	color:#222;
	padding:8px 12px;
	text-align:left;
	font-weight:normal;
}
table#results tr th.h {
	font-size:1.2em;
	background-color:#fff;
	border-bottom:1px dotted #ccc;
	padding-top:20px;
	color:#59647B;
	font-weight:bold;	
}
table#results tr th.t {
	background-color:#5F5F5F;
	color:#f0f0f0;
	border-bottom:1px solid #222;
	font-size:1em;
}
table#results tr td.r,
table#results tr th.r {
	font-size:1.2em;
	padding:8px;
	text-align:right;
	color:#000;
}
.invalid{
	border: 1px solid #c20000 !important;
}