/* standard elements for any Hinu site */

/* default element styles ******************************************** */

h1, h2, h3, h4, h5, p, li, dd, dt {
	line-height:18px;
}
div h1, div h2, div h3, h4, h5, p, ul, dl {
	margin:18px 0;
	height:auto;
}
h1 {
	font-size:2.8em;
}
h2 {
	font-size:2.2em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.5em;
}
h5 {
	margin-bottom:-18px;
}

hr {
	margin:18px 0;
	height:1px;
}

a:link, a:visited, a:hover {
	text-decoration:underline;
}
a:focus, a:active {
	text-decoration:none;
}

li {
	margin-left:15px;
}
ul ul li {
	list-style-type:circle;
}
ol {
	margin-left:5px;
}
ol ol li {
	list-style-type:lower-roman;
}

pre {
	width:auto;
	font-size:1em;
	overflow:auto;
	min-height:2em;
	height:auto !important;
	height:2em;
	border:1px solid #d2d2d2;
	padding:10px;
}
blockquote {
	padding:5px;
	border:1px solid #d9d9d9;
}

input, select, textarea {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1em;
}

table {
	border-collapse:collapse;
	border:1px solid #aaa;
}
table th, table td {
	padding:6px 8px;
}
table th {
	background: #C3D9FF url(/static/34/i/table_bg-blue.gif) repeat-x center bottom;
}
table td {
	background: #fff url(/static/34/i/table_bg-white.gif) repeat-x center bottom;
}
table caption {
	display:none;
}

table tr.summary td {
	background: #fdffba url(/static/34/i/table_bg-cream.gif) repeat-x center bottom;
	font-weight:bold;
}

table.price-table th, table.price-table td {
	text-align:right;
}
table.price-table thead th, table th.table-header {
	vertical-align:middle;
	background: #23277C url(/static/34/i/table_bg-dark-blue.gif) repeat-x center bottom;
	color:#fff;
	font-size:1.7em;
	font-weight:normal;
	line-height:1.3em;
	padding:12px 8px;
}
table.price-table thead th.empty {
	background:#fff;
}

/* body styles ******************************************** */

body.admin {
	background:#232323 url(/static/34/i/bg_body2.gif) repeat-y center top;
}

.container {
	width:950px;
	padding:0 10px;
	margin-top:5px;
	background-color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.admin #header {
	background: #5555dd url(/static/34/i/bg_header.gif) repeat-x left bottom;
	padding:15px 10px 0 10px;
	margin-bottom:20px;
	overflow:hidden;
	width:950px;
	margin-left:-10px;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.admin #header h2 {
	margin:25px 0 30px 12px;
}
.admin #header h2 a {
	color:#fff;
	font-size:1.4em;
	font-weight:bold;	
	text-decoration:none;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
}
.admin #header ul{
	margin:0;
	height:2em;
	display:block;
	background-color:transparent;
}

.admin .menu li{
	font-size:0.85em;
	float:left;
	display:block;
	margin:0 7px 0 0;
	padding:0;
	background:#23277c url(/static/34/i/nav_left_inactive.gif) no-repeat left top;
	text-transform:none;
	border-bottom:1px solid #0b0e4e;
}

.admin .menu a{
	display:block;
	padding:7px 15px;
	margin-top:0;
	text-decoration:none;
	color:#FFFFFF;
	overflow:visible;
	background:url(/static/34/i/nav_right_inactive.gif) no-repeat right top;
	font-size:1.5em;
}
.admin .menu li:hover, .admin .menu .active {
  	background:#fff url(/static/34/i/nav_left_active.gif) no-repeat left top;
	border-bottom:1px solid #fff;
}
.admin .menu li:hover a, .admin .menu .active a {
	background:url(/static/34/i/nav_right_active.gif) no-repeat right top;
	color:#000;
	text-decoration:none;
}

a.faq {
	text-decoration:none;
	cursor:pointer;
	padding:2px;
	border:1px solid #06367d;
	background-color:#1958b6;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
a.faq:hover {
	background-color:#4a89e8;
	text-decoration:none;
}
/* only style the faq box if JS is enabled */
.js .faq_help {
	padding:5px;
	position:absolute;
	display:block;
	display:none;
	width:200px;
	border:1px solid #e1e1e1;
	background-color:#faf9e3;
}

h2.edit {
	display:block;
	width:100%;
	height:auto;
	padding:10px 0;
	clear:both;
	overflow:hidden;
	font-size:1.8em;
	background-color:#d2d2d2;
}
h2.edit a {
	display:block;
	float:left;
	background-color:#55d;
	border:2px solid #33b;
	color:#fff;
	padding:8px 10px;
	margin:0 10px 0 7px;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
h2.edit a:hover {
	background-color:#ddf;
	border:2px solid #33b;
	color:#000;
	text-decoration:none;
}

table.data {}
	table.data th {
		border:1px solid #C3D9FF;
	}
	table.data td {
		border:1px solid #d9d9d9;
	}
	
.ta-right {
	text-align:right;
}
.ta-left {
	text-align:left;
}
.f-right {
	float:right;
}
.f-left {
	float:left;
}
.no-pad {
	padding:0 !important;
}
.no-margin {
	margin:0 !important;
}

/* footer ******************************************** */

#footer {
	border-top:1px solid #ccc;
	margin:10px 0;
	padding:10px 0;
	overflow:hidden;
	width:100%;
}
#footer ul {
	margin:0;
}
#footer li {
	list-style:none;
	float:left;
	margin:0 13px 0 0;
	padding:0 13px 0 0;
	background:url(/static/34/i/bullet.gif) no-repeat right 0.6em;
}

/* forms ******************************************** */

fieldset {
	border:none;
}
fieldset legend {
	display:none;
}
fieldset div {
	display:block;
	margin-bottom:5px;
	clear:both;
	}
	fieldset div label {
		float:left;
		clear:left;
		width:150px;
		padding-right:10px;
	}
	fieldset span.fb_faq,fieldset div.fb_faq {
		display:block;
		margin:0 0 5px 160px;
		color:#999;
	}
	
	td.fb_label {
		font-weight:bold;
		width:140px;
		padding-right:10px;
	}
	td.fb_comment {
		color:#999;
	}
	table th, table td {
		vertical-align:top;
	}
	td.fb_check {
	    width:  6em;
	}

/* user messages ******************************************** */

.error_msg {
	background: #F01C22;
	padding:5px;
	margin-bottom:5px;
	text-align: center;
}

.status_msg {
	background: #D5690B;
	padding:5px;
	margin-bottom:5px;
	text-align: center;
}

.success_msg {
	background: #28A32E;
	padding:5px;
	margin-bottom:5px;
	text-align: center;
}
.error_msg p, .status_msg p, .success_msg p {
	font-weight:bold;
	color:#fff;
	margin:5px 0;
}

/* crumb ******************************************** */

.crumb {
	clear:both;
	border:1px solid #ccc;
	border-width:1px 0;
	margin:0 0 20px 0;	
/*	overflow:auto;  **** WHY IS THIS HERE? *** */
	height:2em;
	}
	.crumb li {
		font-size:0.9em;
		list-style:none;
		padding:4px 10px;
		float:left;
	}

/* items ******************************************** */

.item {
	display:block;
	background-color:#eee;
	margin-bottom:10px;
	padding:10px;
	position:relative;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	.item .control {
		position:absolute;
		top:10px;
		right:10px;
		font-weight:normal;
	}

/* icons ******************************************** */

.icon {
	/*display:block;*/
	padding:0 0 0 18px;
	margin:0 5px;
	position:relative;
	background-repeat:no-repeat;
	background-position:left center;
	}
	/* extending .icon */
	.i-add {background-image:url(/lib/fam_icons/add.png)}
	.i-delete {background-image:url(/lib/fam_icons/delete.png)}
	.i-move {background-image:url(/lib/fam_icons/arrow_up_down.png)}
	.i-edit {background-image:url(/lib/fam_icons/application_edit.png)}
	.i-undo {background-image:url(/lib/fam_icons/arrow_undo.png)}
	.i-website {background-image:url(/lib/fam_icons/page_world.png)}
		
.external {
	background:url(/static/34/i/icon_external.png) no-repeat right center;
	position:relative;
	padding:0 18px 0 0;
	margin-right:2px;
}