/*  It is mainly based on Basic 2.2/2.3, Zen and some personal features  */

/******* Browserr reset ******/
* {
	margin: 0;
	padding: 0;
}

/* Clear Floats Without Structural Markup: 
---------------------------------
*/
.clearfix {
	display:inline-block;
}

.clearfix:after {
	clear:both;
	display:block;
	font-size:0;
	content:" ";
	height:0;
	visibility:hidden;
}


	
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}


	
/* End hide from IE-mac */

	
/* clear classes for content 
---------------------------------*/
.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.clearboth {
	clear:both;
}


	
/* Float classes for images */
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

	
/** "Skip to Main Content" link
---------------------------------
*  This link useful for both visually impaired people and those with mobility impairments
*  who cannot use a mouse.
*/
#skip-nav {
	display:none;
}

#skip-nav a,#skip-nav a:hover,#skip-nav a:visited {
	width:1px;
	position:absolute;
	left:0;
	top:-500px;
	height:1px;
	overflow:hidden;
}

#skip-nav a:active,#skip-nav a:focus {
	width:auto;
	position:static;
	height:auto;
}


	
/* Prevent overflowing content 
***********************************/
#header,#content,#sidebar-left,#sidebar-right,#footer {
	overflow:visible;
	word-wrap:break-word;
/* A very nice CSS3 property */
}


	
/* Rollover edit links for blocks
********************************************/
div.block {
	position:relative;
}

div.block div.edit {
	border:1px solid #eeeeee;
	padding:0 2px;
	display:none;
	background-color:#ffffff;
	font-size:11px;
	position:absolute;
	right:0;
	top:0;
	z-index:40;
}

div.block:hover div.edit {
	display:block;
	z-index:100;
}

div.block:hover div.edit a {
	color:#000000!important;
}

div.block:hover div.edit a:hover {
	color:#db0000!important;
}


	
/* Rollover edit links for views / bug fix with views 2 edit links 
********************************************************************************/
div.view div.views-admin-links {
	width:auto;
}

div.view div.views-admin-links li {
	background:none;
}


	
/*  User interface styles + some admin section styles
****************************************************************************
***************************************************************************/
body.section-admin,body.section-node-add,body.section-node-edit {
	color:black!important;
}

.resizable-textarea textarea {
	font-size:14px!important;
}


	
/*   message / warning ....  */
.warning,.version-recommended {
	background-color:#ffe5e5!important;
}

span.tabledrag-changed {
	background:none!important;
}

div.warning {
	border:1px solid #ff6a6a;
}

.messages {
	padding:10px;
	margin:10px 0;
	border:1px solid #04a107;
	color:#04a107;
	background-color:#edffed;
}

form {
	margin:10px 0;
}


	
/*  new posts / new comments  */
.new,.marker,.comment-new-item a {
	color:#d00000!important;
}


	
/*  BLOCK  admin/build/block/list  */
.section-admin td.region {
	padding:7px!important;
	background-color:#ccc;
}


	
/*  MENU  admin/build/menu/list  */
.page-admin-build-menu-list dt a {
	padding-top:1em;
	display:block;
	font-weight:bold;
}


	
/* MENU  admin/build/menu-customize/primary-links  */
span.tabledrag-changed {
	background:none!important;
}

/*  It is mainly based on Basic 2.2/2.3, Zen and some personal features  */

/*
 * Tabs CSS
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal5-reference.css, line 510.)
 *
 */
  div.tabs {
	margin: 0 0 5px 0;
}

  ul.primary {
	margin: 0;
	padding: 0 0 0 10px;
	border-width: 0;
	list-style: none;
	white-space: nowrap;
	background: url(../images/tabs/tab-bar.png) repeat-x left bottom;
	line-height: normal;
}

  ul.primary li {
	float: left;
	margin: 0;
	padding: 0;
}

  ul.primary li a {
	margin: 0;
	padding: 0 0 0 5px; /* width of tab-left.png */
	border-width: 0;
	display: block;
	color: #777777;
	background-color: transparent;
	background: url(../images/tabs/tab-left.png) no-repeat left -38px;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
}

  ul.primary li a .tab {
	margin: 0;
	padding: 4px 13px 0 6px;
	border-width: 0;
	display: block;
	background: url(../images/tabs/tab-right.png) no-repeat right -38px;
	line-height: 20px;
	height: 20px; /* 24px (parent) - 4px (padding) */
}

  ul.primary li a:hover {
	border-width: 0;
	background-color: transparent;
	background: url(../images/tabs/tab-left.png) no-repeat left -76px;
}

  ul.primary li a:hover .tab {
	background: url(../images/tabs/tab-right.png) no-repeat right -76px;
}

  ul.primary li.active a,
  ul.primary li.active a:hover {
	border-width: 0;
	color: #000000;
	background-color: transparent;
	background: url(../images/tabs/tab-left.png) no-repeat left 0;
}

  ul.primary li.active a .tab,
  ul.primary li.active a:hover .tab {
	background: url(../images/tabs/tab-right.png) no-repeat right 0;
}

  ul.secondary {
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #c0c0c0;
	list-style: none;
	white-space: nowrap;
	background: url(../images/tabs/tab-secondary-bg.png) repeat-x left bottom;
}

  ul.secondary li {
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 0;
	border-right: none;
}

  ul.secondary a {
	margin: 0;
	padding: 0;
	border: 1px solid #c0c0c0;
	display: block;
	color: #777777;
	background: url(../images/tabs/tab-secondary.png) repeat-x left -56px;
	text-decoration: none;
	height: 24px;
}

  ul.secondary a .tab {
	margin: 0;
	padding: 3px 8px;
	display: block;
	line-height: 18px;
	height: 18px; /* 24px (parent) - 6px (padding) */
}

  ul.secondary a:hover {
	background: url(../images/tabs/tab-secondary.png) repeat-x left bottom;
}

  ul.secondary a.active,
  ul.secondary a.active:hover {
	border: 1px solid #c0c0c0;
	color: #000000;
	background: url(../images/tabs/tab-secondary.png) repeat-x left top;
}