/* $Id$ */

/**
 * navitopia2009, for Drupal 6.x
 * primary css file for http://navitopia.com
 *
 * @author Centaur Creative http://centaurcreative.com
 *
 * * * * | NOTE | * * * * * * * * * * * * * *
 * IE PNG Filter Hacks require root-relative links and need to be changed per domain
 *
 */

/**
 * Utilization of Eric Meyer's Reset Script
 * Creates a standard starting place across all browsers
 *
 * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 *
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height: 100%;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}
body
{
	line-height: 1;
	color: black;
	background: white;
}
ol, ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

/**
 * Begin Navitopia Style Definitions
 *
 * Based on:
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 */

/**
 * Generic elements
 */
body
{
	background: #96dcf9 url(../images/bgPage.jpg) fixed repeat-x top center;
	font: .766em/1.2em Verdana, Geneva, sans-serif;
	color: #111;
}
p
{
	padding-bottom: .6em;
}
h1
{
	font: 1.6em/1.2em "Trebuchet MS" , Verdana, sans-serif;
	font-weight: normal;
}
h2
{
	font: 1.3em/1.2em "Trebuchet MS" , Verdana, sans-serif;
	font-weight: bold;
	color: #144558;
}
h3
{
	font-size: 1em;
	font-weight: bold;
	padding: .6em 0 0;
}
a
{
	color: #b9002c;
	text-decoration: none;
}
a:hover
{
	color: #f72058;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
ol, ul
{
	margin-left: .6em;
	padding-left: 1.2em;
	padding-bottom: .6em;
}
ol
{
	list-style: decimal outside;
}
ul
{
	list-style: circle outside;
}
ul ul
{
	list-style: disc outside;
	font-style: italic;
}
blockquote
{
	padding-left: 1.8em;
	font-style: italic;
}
cite
{
	padding-left: 3em;
	font-style: normal;
	font-size: .8em;
	text-transform: uppercase;
}
table
{
	padding-top: .6em;
	padding-bottom: .6em;
	width: 100%;
}
tbody th, thead th
{
	border-bottom: 2px solid #abd0e0;
	padding: 0 .6em .3em .3em;
	font-weight: bold;
}
tr.odd
{
	background: #e8e8e8;
}
tr.even
{
}
td
{
	padding: .3em .6em .3em .3em;
}
dl
{
	padding-bottom: .3em;
}
dt
{
}
dd
{
	padding-left: 1.8em;
	padding-bottom: .3em;
	font-style: italic;
}


/**
 * Layout
 */
#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

#wrapper #container
{
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 5;
}

#wrapper #container #header
{
	/*height: 150px;*/ /*text-align: right;*/ /*margin-right: 2px;*/
	margin-right: 215px;
	color: White;
	overflow: hidden;
}
body.sidebar-right #wrapper #container #header, body.sidebars #wrapper #container #header
{
	margin-right: 217px;
}

#wrapper #container #header #logo-floater
{
	float: left;
	text-align: right; /* position: absolute; 	top: 0px; 	left: 20px; */
	font-size: 0.6em;
}

#wrapper #container #header #header-nav
{
	clear: right;
	float: right; /* position: absolute; 	top: 0px; 	left: 20px; */
	height: 100%;
	width: auto;
	margin-top: 25px;
	margin-bottom: 5px;
}

#wrapper #container #header #user-area
{
	float: right;
	text-align: right;
	margin-top: 10px;
	height: 20px;
}


/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars
{
	min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right
{
	min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #content
{
	float: left;
	width: 100%;
}

/* So we move the #content container over the sidebars to compensate */
body.sidebar-left #content
{
	margin-left: -215px;
}
body.sidebar-right #content
{
	margin-right: -215px;
}
body.sidebars #content
{
	margin: 0 -215px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze
{
	margin-left: 215px;
}
body.sidebar-right #squeeze
{
	margin-right: 215px;
}
body.sidebars #squeeze
{
	margin: 0 215px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar
{
	margin: 0 0 5em;
	width: 215px;
	float: left;
	z-index: 2;
	position: relative;
}

#wrapper #container .sidebar .block
{
	margin: 0 0 1.5em;
}

#container .sidebar .block .block-header
{
	padding: 0 13px;
	background: transparent url(../images/bgBlockHeader.png) no-repeat 0 0;
	height: 23px;
}

#container .sidebar .block .content
{
	padding: .5em 13px 0;
	background: transparent url(../images/bgBlock.png) repeat-y 0 0;
}

#container .sidebar .block .block-footer
{
	padding: 0 13px;
	background: transparent url(../images/bgBlockFooter.png) no-repeat 0 bottom;
	min-height: 13px;
}

#sidebar-left .block
{
	padding: 0 10px 0 0;
}

#sidebar-right .block
{
	padding: 0 0 0 10px;
}

.block-region
{
	padding: 1em;
	background: transparent;
	border: 2px dashed #b4d7f0;
	text-align: center;
	font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #content #squeeze
{
	position: relative;
}

div#content .content-right, div#content .header-right, div#content .footer-right
{
	position: relative;
}
div#content .content-right .content-left, div#content .header-right .header-left, div#content .footer-right .footer-left
{
	padding: 0 13px;
	position: relative;
}

div#content .header-center
{
	background: transparent url(../images/bgContentHeader.png) repeat-x;
	height: 23px; 
}
div#content .header-center h2, #container .sidebar .block .block-header h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #144558;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: .5em;
}
div#content .header-right
{
	background: transparent url(../images/bgContentHeaderRight.png) no-repeat right 0;
}
div#content .header-right .header-left
{
	background: transparent url(../images/bgContentHeaderLeft.png) no-repeat 0 0;
}

div#content .content-center
{
	background: #fff;
	padding: .5em 0;
	min-height: 515px;
}
div#content .content-right
{
	background: transparent url(../images/bgContentRight.png) repeat-y right 0;
}
div#content .content-right .content-left
{
	background: transparent url(../images/bgContentLeft.png) repeat-y 0 0;
}

div#content .footer-center
{
	background: transparent url(../images/bgContentFooter.png) repeat-x center bottom;
	min-height: 13px;
}
div#content .footer-right
{
	background: transparent url(../images/bgContentFooterRight.png) no-repeat right bottom;
}
div#content .footer-right .footer-left
{
	background: transparent url(../images/bgContentFooterLeft.png) no-repeat 0 bottom;
}

div#page-footer
{
	clear: both;
	text-align: center;
}

div#user-area a
{
	color: White;
}

div#page-footer a
{
	font-size: 75%;
	color: White;
	padding: 10px 30px 10px 30px;
}

div#page-footer a:hover, div#user-area a:hover
{
	color: #b9002c;
}

#wrapper #container .breadcrumb
{
	z-index: 3;
}

body.sidebar-left #footer
{
	margin-left: -210px;
}

body.sidebar-right #footer
{
	margin-right: -210px;
}

body.sidebars #footer
{
	margin: 0 -210px;
}

/**
 * Primary navigation
 */
ul.primary-links
{
	display: block;
	float: right;
	font-size: 1em;
	line-height: 18px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul.primary-links li
{
    margin-left:0px; 
	float: left;
	padding: 0;
	margin: 0;
}
ul.primary-links li a
{
	display: block;
	background: transparent url(../images/bgNavFullpage.gif) no-repeat;
	background-position: center 0;
	margin: 0 1px 0 0;
	padding: 0 .4em 1px;
	text-transform: uppercase;
	color: #144558;
	text-decoration: none;
}
ul.primary-links li.first a
{
	background: transparent url(../images/bgNavFullpage.gif) no-repeat top left;
	padding-left: .7em;
}
ul.primary-links li.last a
{
	background: transparent url(../images/bgNavFullpage.gif) no-repeat top right;
	margin-right: 0;
	padding-right: .8em;
}
ul.primary-links li.user a
{
	background: transparent url(../images/bgUserNav.gif) no-repeat top left;
	padding-left: .7em;
	border-right: 0; /* margin: 0; */
	margin: 0;
}
ul.primary-links li a:hover
{
	background-position: center -19px;
}
ul.primary-links li.first a:hover
{
	background-position: left -19px;
}
ul.primary-links li.last a:hover
{
	background-position: right -19px;
}
ul.primary-links li.user a:hover
{
	background-position: left top;
}
ul.primary-links ul 			    { display:inline-table; border-color:#144558; width: 200px; margin:0; padding:0; 
                    			      visibility: hidden; position:absolute; left: 1; z-index:1 }
ul.primary-links ul li 				{ display:inline-block; width: 200px; float: none; list-style-position:inside }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.primary-links ul li a			{ border-right: none; width: 200px; display: inline-block; } 

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li
{
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
}

#tabs-wrapper
{
	padding: 0;
	border-bottom: 1px solid #e9eff3;
	position: relative;
}
ul.primary
{
	padding: 0.5em 0 10px;
	float: left; /* LTR */
}
ul.secondary
{
	clear: both;
	text-align: left; /* LTR */
	border-bottom: 1px solid #e9eff3;
	margin: -0.2em -26px 1em;
	padding: 0 26px 0.6em;
}
h2.with-tabs
{
	float: left; /* LTR */
	margin: 0 2em 0 0; /* LTR */
	padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited, ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited
{
	border: 0;
	background: transparent;
	padding: 4px 1em;
	margin: 0 0 0 1px; /* LTR */
	height: auto;
	text-decoration: none;
	position: relative;
	top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover
{
	background: #b9002c;
	color: #fff;
}
ul.primary li.active a, ul.secondary li.active a
{
	font-weight: bold;
}

/**
 * Collapsible fieldsets
 */
fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #d9eaf5;
	background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child + html fieldset
{
	padding: 0 1em 1em;
	background-position: 0 .75em;
	background-color: transparent;
}

*:first-child + html fieldset > .description, *:first-child + html fieldset .fieldset-wrapper .description
{
	padding-top: 1em;
}

fieldset legend
{
	/* Fix disappearing legend in FFox */
	display: block;
}

*:first-child + html fieldset legend, *:first-child + html fieldset.collapsed legend
{
	display: inline;
}

html.js fieldset.collapsed
{
	background: transparent;
	padding-top: 0;
	padding-bottom: .6em;
}

html.js fieldset.collapsible legend a
{
	padding-left: 2em; /* LTR */
	background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a
{
	background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Login Block
 */
#user-login-form
{
	text-align: center;
}
#user-login-form ul
{
	text-align: left; /* LTR */
}

/**
 * Admin Styles
 */
div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu
{
	margin: 0;
	padding: 0;
}

div.admin .left
{
	float: left; /* LTR */
	width: 48%;
}
div.admin .right
{
	float: right; /* LTR */
	width: 48%;
}

div.admin-panel
{
	background: #fff url(images/gradient-inner.png) repeat-x 0 0;
	padding: 1em 1em 1.5em;
}
div.admin-panel .description
{
	margin-bottom: 1.5em;
}
div.admin-panel dl
{
	margin: 0;
}
div.admin-panel dd
{
	color: #898989;
	font-size: 0.92em;
	line-height: 1.3em;
	margin-top: -.2em;
	margin-bottom: .65em;
}

table.system-status-report th
{
	border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active
{
	background: #027ac6;
	color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active
{
	color: #d3e7f4;
}

tr.taxonomy-term-preview
{
	opacity: 0.5;
}

tr.taxonomy-term-divider-top
{
	border-bottom: none;
}

tr.taxonomy-term-divider-bottom
{
	border-top: 1px dotted #CCC;
}

#profile-pic
{
	width: 175px;
	padding: 1px;
	border: 1px solid #666;
}
.username
{
	display: block;
	font-weight: bold;
}
.edit
{
	font-size: .8em;
	font-weight: normal;
}
.gray
{
	color: #666;
}

/**
 * Clouds
 */

#cloud-1
{
	position: fixed;
	top: 400px;
	left: 50%;
	width: 498px;
	height: 183px;
	background: transparent url(../images/cloud1.png) no-repeat top center;
	margin-left: -70%;
	z-index: 2;
}
#cloud-2
{
	position: fixed;
	top: 520px;
	left: 50%;
	width: 655px;
	height: 177px;
	background: transparent url(../images/cloud2.png) no-repeat top center;
	margin-left: 0%;
	z-index: 2;
}