/*   Martin NDP 20:04:2012 
/*   actions.css   
/*----------------------------
/* 	Use this sheet to set styles for
		admin, tabs, forms and other user interactions.
/*----------------------------*/


/*   Contents   */
/*--------------*/
/*	Admin Tabs
/* 	Form Styles
/*  Search
/* 	Comments
/*--------------*/


/*=================================================*/
/*----------------------*/
/*    ADMIN TABS        */ /* base USER TABS styles
/*----------------------*/
/*=================================================*/


/**
 * @file
 * Tabs Styling
 *
 * 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 drupal7-reference.css.)
 */


/*
 * Basic positioning styles shared by primary and secondary tabs.
 */

ul.primary,
ul.secondary {
  overflow: hidden;
  *zoom: 1;
  border:0;
  background:url(../images/tabs_ul.png) bottom left repeat-x;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap;
}

ul.primary li,
ul.secondary li {
  float: left; /* LTR */
  margin: 0.5em 3px 0;
  list-style-image:none;
}

ul.primary a,
ul.secondary a {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/*
 * Primary tabs
 */

ul.primary li {
 	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	-o-border-radius: 5px 5px 0 0;
 	-khtml-border-radius: 5px 5px 0 0;
 	border-radius: 5px 5px 0 0;
  text-shadow: white 1px 1px 0;
  border: 1px solid #bbbbbb;
  border-bottom: 0;
  margin: 0.5em 0 0 3px; /* LTR */
}

ul.primary li.active {
  border-bottom: 1px solid white;
}

ul.primary a:link,
ul.primary a:visited {
 	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	-o-border-radius: 5px 5px 0 0;
 	-khtml-border-radius: 5px 5px 0 0;
 	border-radius: 5px 5px 0 0;
  -moz-transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0.1em 1em;
  text-align: center;
}

ul.primary a:hover,
ul.primary a:focus {
  background-color: #ccc;
  border-color: #f2f2f2;
}

ul.primary a.active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -ms-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
}

/*
 * Secondary tabs
 */

ul.secondary {
  font-size: .9em;
  margin-top: -1.5em; /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}

ul.secondary a:link,
ul.secondary a:visited {
 	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	-o-border-radius: 5px 5px 0 0;
 	-khtml-border-radius: 5px 5px 0 0;
 	border-radius: 5px 5px 0 0;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: white 1px 1px 0;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

ul.secondary a.active,
ul.secondary a:active {
  text-shadow: #333333 1px 1px 0;
  background-color: #666;
  border-color: #000;
  color: #fff;
}



/*=================================================*/
/*----------------------*/
/*     CUSTOM FORMS     */ /* CUSTOM FORM STYLES
/*----------------------*/
/*=================================================*/
label{
	margin: 0 0 0.2em;
}

.form-item .description {
  color: #888888;
  font-size: 0.85em;
  padding: 5px 0;
}

/*buttons*/
button, 
.button, 
.form-submit, 
a.buttonlink {
  background: none repeat scroll 0 0 #CCE7F4;
  border: 0 none;
  color: #00A6D6;
  padding: 9px 10px;
  font-weight:bold;
}

button:hover,
.button:hover,
.form-submit:hover,
a.buttonlink:hover{
	background: #00A6D6;
	color:#fff;
}

a.buttonlink{
	display:inline-block;
}

a.buttonlink:hover{
	text-decoration:none;
}

.form-text,
textarea,
input.email {
  background-color:#fff;
  border: 1px solid #808080;
  padding: 8px 5px;
}

.form-text,
input.email{
	padding:8px 5px;
}


.sidebar .form-text,
.sidebar input.email{
	width:208px;
}

.sidebar .dotmailerform {
  width: 220px;
  overflow: hidden;
}
.sidebar .dotmailerform br {
  display: none;
  height: 0;
}
.sidebar .dotmailerform p {
  margin: 0 !important;
}
.sidebar #dm-EMAIL,
.sidebar #dm-FULLNAME {
  width:208px;
	padding:8px 5px;
  background-color:#fff;
  border: 1px solid #808080;
  padding: 8px 5px;
}
.sidebar #dm-EMAIL {
  display: inline;
  float: left;
  width: 68%;
  margin-top: 10px;
}
.sidebar #dm-SUBMIT {
  display: inline;
  float: right;
  padding: 9px 0;
  width: 22%;
  background: none repeat scroll 0 0 #CCE7F4;
  border: 0 none;
  color: #00A6D6;
  font-weight: bold;
  margin-top: 10px;
}


fieldset {
	background-color:#eee;
  border: 1px solid #808080;
  margin-bottom:2em;
}

.fieldset-legend{
	font-weight:bold;
}

/*background colour change when a form field is 'active' (in 'focus')*/
input.form-text:focus,
textarea:focus,
select:focus,
input.email:focus {
  background-color:#eff7fb;
}

.webform-container-inline label {
  display: inline-block;
  min-width: 80px;
}

.form-item, .form-actions {
  margin-top: 1em;
  margin-bottom: 1em;
}
.webform-component-radios,
.webform-component-checkboxes,
.webform-component-select{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}


/*LOGIN FORMS*/

.sidebar .form-text{
	width:96%;
}


/*SEARCH FORMS*/

/*in block*/
#search-block-form .form-type-textfield{
	width:172px;
}
#search-block-form .form-text{
	height:20px!important;
	width:172px;
	padding:5px;
	border:0;
	color:#808080;
	font-weight:bold;
}

/*Search Results Page*/
#search-form #edit-keys{
	background:#efefef;
	width:178px;
	padding:5px;
}

#search-form #edit-basic{
	margin-bottom:2em;
}


/*Search Results Listings*/
ol.search-results{
	padding:0;
}
.search-results .search-result {
  padding:0;
  margin-bottom:1em;
  border-bottom:1px solid #ddd;
}
.search-results .search-snippet-info{
	padding:0;
}
.search-results .search-snippet{
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}


/*Newsletter Sign UP*/
.sidebar #mce-EMAIL{
	display:inline;
	width: 68%;
	float:left;
}
#mc-embedded-subscribe {
  display:inline;
  float:right;
  width: 22%;
  padding:9px 0;
}
.lt-ie8 #mc-embedded-subscribe {
  padding:7px 0 6px;
}

#mc_embed_signup div {
  margin-bottom: 0.7em;
  overflow:hidden;
  width:100%;
}
/*=================================================*/
/*----------------------*/
/*       COMMENTS       */ /* 
/*----------------------*/
/*=================================================*/

/*Wraps all comments*/
section.comments {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
}

/*A single comment*/
article.comment{
	background: none repeat scroll 0 0 #fff;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  margin-bottom:1em;
} 
.indented article.comment{
	background:#fff;
}

article.comment .submitted{
	margin-bottom:0.5em;
	font-size:0.85em;
}

article.comment ul.links{
	overflow:hidden;
	padding:0;
	margin:0;
}

article.comment ul.links li{
	list-style-type:none;
	list-style-image:none;
	float:left;
	display: inline;
}
article.comment ul.links li a{
	float:left;
	display:block;
	padding:0 3px;
	margin-right:5px;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:0.85em;
}
article.comment ul.links li a:hover{
	background:#efefef;
	text-decoration:none;
}
#edit-actions input{
	margin-right:10px;
}

/*denotes new comment post*/
mark.new {
  background: none repeat scroll 0 0 #FF9933;
  border-radius: 3px 3px 3px 3px;
  padding: 1px 3px 2px;
}



/*=================================================*/
/*-------------------------*/
/*   SIMPLE COOKIES      	 */ 
/*-------------------------*/
/*=================================================*/

/*Below are the common edible values to style Damian's SImple Cookies Module*/

div.region-simple-cookies {
  background-color: #00b9ff;
  color:#fff;
  font-size:12px;
  box-shadow: 0 0 5px #000;
}
div.simple-cookies-inner {
  width: 800px;
  height: 50px;
  padding: 10px;
}
div.simple-cookies-inner .message{
	width:74%;
	text-align:left;
  padding:5px 0;
}
div.simple-cookies-inner .message,
div.simple-cookies-inner .message p {
	font-size:14px;
	margin:0;
}
div.simple-cookies-inner .message a{
	color:#6a16bf;
}
div.simple-cookies-inner .accept-button {
  line-height: 50px;
}
div.simple-cookies-inner .accept-button .form-button {
  background: #F2F2F2;
  border: 1px solid #999;
  -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
  color: #646363;
  padding: 7px 25px;
  text-align: center;
}
div.simple-cookies-inner .accept-button .form-button:hover {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background: #fff;
}
