/* - - - Custom Theme - - - */

/* ----- Logo ----- */
h1 a {
	background-image:url('../images/hko_logo.gif'); 
	min-height:0;
	height:54px;
}
* html h1 a {/* IE6 png Support */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/hko_logo.gif", sizingMethod="crop");
}

/* ----- Backgrounds ----- */
html{
	background-image:none;
	background-color:#677e52;
}
h1{
	background-image:none;
	background-color:#b7ca79;
}
#container, html.embed{
	background-color:#f6e8b1;
}
.safari .dcpc input.file{
	background:none;
	border:none;
}
.dcpc li.focused{
	background-color:#b0cc99;
}
.dcpc .instruct{
	background-color:#89725b;
}

/* ----- Borders ----- */
#container{
	border:0 solid #cccccc;
}
.dcpc .info, .dcpc .paging-context{
	border-bottom:1px dotted #677e52;
}
.dcpc .section, .dcpc .captcha, #payment .paging-context{
	border-top:1px dotted #677e52;
}
.dcpc input.text, .dcpc textarea.textarea{
	border:;
}
.dcpc .instruct{
	border:0 solid #e6e6e6;
}
.fixed .info{
	border-bottom:none;
}

/* ----- Typography ----- */
.dcpc .info h2{
	font-size:160%;
	font-family:inherit;
	font-weight:;
	font-style:;
}
.dcpc .info div{
	font-size:95%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.dcpc .section h3{
	font-size:110%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#000000;
}
.dcpc .section div{
	font-size:85%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}

.dcpc label.desc{
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
}
.dcpc label.choice{
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
}
.dcpc input.text, .dcpc textarea.textarea, .dcpc input.file, .dcpc select.select{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
}
.dcpc input.textf{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#777777;
}
.dcpc li div, .dcpc li span, .dcpc li div label, .dcpc li span label{
	font-family:inherit;
	color:#333333;
}
.safari .dcpc input.file{ /* Webkit */
	font-size:100%;
	font-family:inherit;
	color:#333333;
}
.dcpc .instruct small{
	font-size:80%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#ffffff;
}
.dcpc .table_header{
	font-size:100%;
	font-family:inherit;
	font-weight:bold;
	font-style:;
	color:#ffffff;
	background-color:#677e52;
	/* background-color:#b7ca79; */
}
.dcpc .table_color1{
	font-size:90%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
	background-color:#cccc99;
}
.dcpc .table_color2{
	font-size:90%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
	background-color:#b7ca79;
}

.altInstruct small, li.leftHalf small, li.rightHalf small,
li.leftThird small, li.middleThird small, li.rightThird small,
.iphone small{
	color:#333333 !important;
}

/* ----- Button Styles ----- */

.dcpc input.btTxt{
	font-size:;
	font-family:;
	font-weight:;
	font-style:;
	color:;
}

/* ----- Highlight Styles ----- */

.dcpc li.focused label.desc,
.dcpc li.focused div, .dcpc li.focused span, .dcpc li.focused div label, .dcpc li.focused span label,
.safari .dcpc li.focused input.file{ 
	color:#000000;
}

/* ----- Confirmation ----- */

.confirm h2{
	font-family:inherit;
	color:#333333;
}
a.powertiny b, a.powertiny em{
color:#1a1a1a !important;
}
.embed a.powertiny b, .embed a.powertiny em{
color:#1a1a1a !important;
}

/* ----- Pagination ----- */

.pg1 var, .pg2 var, .pg2 em, .page1 .pg2 var, .pg1 b, .dcpc .buttons .marker{
	font-family:inherit;
	color:#333333;
}
.pg1 var, .pg2 td{
	border:1px solid #c5ba8e;
}
.pg1 .done var{
	background:#c5ba8e;
}

.pg1 .selected var, .pg2 var, .pg2 var em{
	background:#b0cc99;
	color:#000000;
}
.pg1 .selected var{
	border:1px solid #9eb88a;
}

.buttons button, .buttons button:hover{
	color:#000000;
}

/* Likert Backgrounds */

.likert table{
	background-color:#f6e8b1;
}
.likert thead td, .likert thead th{
	background-color:#ddd19f;
}
.likert tbody tr.alt td, .likert tbody tr.alt th{
	background-color:#ecdfaa;
}

/* Likert Borders */

.likert table, .likert th, .likert td{
	border-color:#d6ca9a;
}
.likert td{
	border-left:1px solid #c5ba8e;
}

/* Likert Typography */

.likert caption, .likert thead td, .likert tbody th label{
	color:#333333;
	font-family:inherit;
}
.likert tbody td label{
	color:#484848;
	font-family:inherit;
}
.likert caption, .likert tbody th label{
	font-size:95%;
}

/* Likert Hover */

.likert tbody tr:hover td, .likert tbody tr:hover th, .likert tbody tr:hover label{
	background-color:#b0cc99;
	color:#000000;
}
.likert tbody tr:hover td{
	border-left:1px solid #8da37a;
}

/* ----- Report Styles ----- */

.dcpc .wfo_graph h3{
	font-size:95%;
	font-family:inherit;
	color:#333333;
}
.dcpc .wfo_graph h3 span{
	color:#000000;
}
.dcpc .footer h4{
	color:#000000;
}
.dcpc .footer span{
	color:#333333;
}

/* ----- Number Widget ----- */

.wfo_number{
	background-color:#ecdfaa;
	border-color:#d6ca9a;
}
.wfo_number strong, .wfo_number em{
	color:#000000;
}

/* ----- Chart Widget Border and Background Colors ----- */

#widget, #widget body{
	background:#f6e8b1;
}
.fcNav a.show{
	background-color:#f6e8b1;
	border-color:#c5ba8e;
}
.fc table{
	border-left:1px solid #d6ca9a;	
}
.fc thead th, .fc .more th{
	background-color:#d6ca9a !important;
	border-right:1px solid #c5ba8e !important;
}
.fc tbody td, .fc tbody th, .fc tfoot th, .fc tfoot td{
	background-color:#f6e8b1;
	border-right:1px solid #c5ba8e;
	border-bottom:1px solid #d6ca9a;
}
.fc tbody tr.alt td, .fc tbody tr.alt th, .fc tbody td.alt{
	background-color:#ecdfaa;
}

/* ----- Chart Widget Typography Colors ----- */

.fc caption, .fcNav, .fcNav a{
	color:#333333;
}
.fc tfoot, 
.fc thead th,
.fc tbody th div, 
.fc tbody td.count, .fc .cards tbody td a, .fc td.percent var,
.fc .timestamp span{
	color:#000000;
}
.fc .indent .count{
	color:#3b3b3b;
}
.fc .cards tbody td a span{
	color:#717171;
}

/* ----- Chart Widget Hover Colors ----- */

.fc tbody tr:hover td, .fc tbody tr:hover th,
.fc tfoot tr:hover td, .fc tfoot tr:hover th{
	background-color:#b0cc99;
}
.fc tbody tr:hover th div, .fc tbody tr:hover td, .fc tbody tr:hover var,
.fc tfoot tr:hover th div, .fc tfoot tr:hover td, .fc tfoot tr:hover var{
	color:#000000;
}

/* ----- Payment Summary ----- */

.invoice thead th, 
.invoice tbody th, .invoice tbody td,
.invoice tfoot th,
.invoice .total,
.invoice tfoot .last th, .invoice tfoot .last td,
.invoice tfoot th, .invoice tfoot td{
	border-color:#d6ca9a;
}
.invoice thead th{
	background:#ecdfaa;
}
.invoice th, .invoice td{
	color:#000000;
}
#ppSection, #ccSection{
	border-bottom:1px dotted #677e52;
}
#shipSection, #invoiceSection{
	border-top:1px dotted #677e52;
}

/* Drop Shadows */
#bottom{
	visibility:visible;
}

a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }

.pages_btns { width: 100%; padding: 0 0 8px; overflow: hidden; line-height: 26px; }
.pages em { float: left; padding: 0 8px; line-height:26px;  font-size:95%; font-family:inherit;}
.pages { float: left; border: 1px solid #C3C3C3; background: #F7F7F7; height: 24px; line-height: 26px; color: #333333; overflow: hidden; }
.pages a, .pages strong, .pages kbd { float: left; padding: 0 8px; line-height:26px; }
.pages a:hover { background-color: #C3C3C3; }
.pages strong { font-weight: bold; color: #333333; background: #DBDBDB; }
.pages a.prev, .pages a.next { line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pages a.next { padding: 0 15px; }
.pages kbd { border-left: 1px solid #C3C3C3; margin: 0; }
.pages kbd { padding: 1px 8px; }
.pages kbd input { border: 1px solid #C3C3C3; margin-top: 3px !important; * > margin-top: 1px  !important; margin: 1px 4px 0 3px; padding: 0 2px; height: 17px; }
.pages kbd>input { margin-bottom: 2px; }

table#header_table { border:0px; padding:0px; border-collapse:collapse; background-color:#b7ca79; width:100%; height:55px; text-align:center; vertical-align:bottom; text-decoration:underline; }

.ui-tooltip {width:650px;max-width:650px;min-width:550px;}
.ui-tooltip-content {text-align:left;font-size:12px;}