/*
 * Author: Duo Consulting
 * Contact: www.duoconsulting.com
 * File: basestyles.css
 * 
 * Description:
 * Basic styling rules.
 *
 */

/* Global White Space Reset - Hat Tip: Andrew Krespanis of http://leftjustified.net/  */
* {
	padding:0;
	margin:0;
}
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em; }
ul, ol { margin-left: 3em; }
/* End GWR */


/* Custom Styles
-------------------------------------------------------- */
body {
	color: #464545;
	background: #fff;
	/*font: 69%/1.335em Arial, Tahoma, Verdana, Helvetica, sans-serif;*/
	font: 72% Arial, Tahoma, Verdana, Helvetica, sans-serif;
}


/* Tables - table, tr, th, td
-------------------------------------------------------- */
th, td {
	padding: 6px 4px;
	background: #fff;
	font-size: 69%; /* for IE 5.x */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 100%; /* for compliant browsers */
} 
th { vertical-align: bottom; white-space: nowrap; }
td { vertical-align: top; }
td.active {
  background: #eff7fa;
}

/* Lists - ol, ul, li, dl, dt, dd
-------------------------------------------------------- */
li {
	line-height: 1.2em;
	margin-bottom: .2em;
}
dt {
	font-weight: bold;
	margin-top: .5em;
}
dd {
	line-height: 1.2em;
	margin-left: 0;
	margin-bottom: 1.25em;
}

/* Forms - form, fieldset, legend, input, textarea
-------------------------------------------------------- */
fieldset {
	padding: .7em .7em;
}
legend {
	padding: 0 .3em;
	font-weight: bold;
}
label {
  margin-bottom: .25em;
}

/* Links - a, a:hover
-------------------------------------------------------- */
a { color: #4692cf; }
a:link { }
a:visited { color: #7E99BB; }
a:hover { }
a:active { }

a img {
	border: none;
}



/* Headers - h1, h2, h3, h4, h5, h6
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 100%; 
	margin-bottom: .5em; 
}
h1 { font-size: 215%; margin: .25em 0 .75em; color: #036;}
h2 { font-size: 164%; margin: 1em 0 .5em; color: #036;}
h3 { font-size: 128%; margin: .75em 0 .75em; color: #4692cf; font-weight: normal;}
h4 { font-size: 100%; margin: 0;  }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

/* Text
-------------------------------------------------------- */
b, strong { font-weight: bold; }
i, em { font-style: oblique; }

input, select, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, "Courier New", Courier, mono;
	font-size: 11px;
	padding: 1px 2px;
}
blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

/* Misc
-------------------------------------------------------- */
.hr hr { display: none; }
.normal { font-size: 1em; line-height: 1.3em; font-weight: normal; }
.caption { font-size: .9em; font-style: italic; }

.error {
	color: #c00;
	font-weight: bold;
}

.clear {
	clear: both;
}

.floatLeft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
.floatRight {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.skipper {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}

.hide {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}


/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.cfx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\fx:after { line-height: 0; }
.cfx {display: inline-block;}
/* Hides from IE-mac \*/
* html .cfx {height: 1%;}
.cfx {display: block;}
/* End hide from IE-mac */

/* Hide Unwanted Calendar Displays */
.calendar-calendar .start, .calendar-calendar .end, .calendar-calendar .ongoing { display:none; }

/* Add Zebra Background Colors to Comments */
div#comments div.odd, div#comments div.even { padding:10px; margin-bottom:10px; }
div#comments div.odd h3 a.active, div#comments div.even h3 a.active { color:#003366; font-weight:bold; text-decoration:none; }
div#comments div.even { background-color:#d8e9f8; }
div#comments div.odd { background-color:#eef5fb; padding:10px; margin-bottom:10px; }
div#comments span.new { text-transform:uppercase; color:#FF0000; font-weight:bold; }

/* User Profile Page */
#profile, .profilepublicview { width:723px }
#profile h4 { padding-bottom:3px; margin-bottom:0; color:#35b0e5; font-weight:bold; }
#profile p { padding-top:0; margin-top:0; }
#profile ul { margin-left:0; padding-left:20px; }

.picture { float:left; padding:0 10px 5px 0; }

.userprofilealert { background-color:#0065a7; border:1px solid #05276a; color:#fff; padding:0px 20px 20px 20px; margin-bottom:20px; font-weight:bold; }
.userprofilealert p { font-size:14px; }
.userprofilealert a { color:#fff; }
.userprofilealert a:hover { text-decoration:none; }
.userprofilealert h3 { color:#fff; }
.userprofilealert h3 a { color:#fff; text-decoration:none;s }

#userprofileactions { width:440px; padding:0 10px 10px 0px; float:left; }
#userprofileactions ul li { list-style-type:none; }
#userprofileactions li a { text-decoration:none; color:#002469; padding:10px 10px 10px 20px; margin-left:-20px; background-color:#cae3f7; font-size:14px; font-weight:bold; border-bottom:2px solid white; background-image:url(../img/blt_lNavArrow.png); background-repeat:no-repeat; background-position:5px center; display:block;  }
#userprofileactions .define li a { text-decoration:none; color:#fff; padding:10px 10px 10px 20px; margin-left:-20px; background-color:#002469; font-size:14px; font-weight:bold; border-bottom:2px solid white; background-image:url(../img/blt_lNavArrow.png); background-repeat:no-repeat; background-position:5px center; display:block;  }
#userprofileactions .define li a:hover { color:#fff; background-color:#cae3f7; color:#002469; }
#userprofileactions li a:hover { color:#fff; background-color:#002469; }

.sectiondivider { border:1px #002469 solid; padding: 0 10px 0 10px; background-color:#fff9df; margin-bottom:20px; }

.edituserprofile  { font-size:12px; padding-top:-50px; margin-top:-50px; color:#b2bc00;  }
.edituserprofile a { text-decoration:none; color:#b2bc00;}
.edituserprofile a:hover { text-decoration:underline; }

.usermessage { background-image:url(../img/usericons/usermailcon.gif); }
.useraddcontent { background-image:url(../img/usericons/useraddcontenticon.gif); }
.useraddcontent li { list-style-type:none; background-color:#4692cf; display:none; }
.usercontent { background-image:url(../img/usericons/usercontenticon.gif); }
.userprofileimageheader {background-repeat:no-repeat; background-position: top left; padding-left:22px; line-height:25px; text-transform:uppercase;}
h3.userprofileimageheader  { color:#002367; font-size:14px; font-weight:bold; padding-bottom:0; }
h3.userrole { background-image:url(../img/usericons/userroleicon.gif); font-size:10px; }
.profileprivateview { float:right; width:250px; font-size:12px; padding:0 10px 10px 10px; }

/* Tools and Resources Page */
.roundcornerwrapper { 
background:transparent url(../img/bgroundcornerrepeat.gif) repeat-y scroll center top;
margin:0;
width:235px;
min-height:235px;
}
.roundcornerouter {
background:transparent url(../img/bgroundcornertop.gif) no-repeat scroll center top;
min-height:235px;
}
.roundcornerinner {
background:transparent url(../img/bgroundcornerbottom.gif) no-repeat scroll center bottom;
padding:3px 18px 19px;
min-height:235px;
}
.roundcornerwrapperLG { 
background:transparent url(../img/bgroundcornerrepeatLG.gif) repeat-y scroll center top;
margin:0;
width:482px;
}
.roundcornerouterLG {
background:transparent url(../img/bgroundcornertopLG.gif) no-repeat scroll center top;
}
.roundcornerinnerLG {
background:transparent url(../img/bgroundcornerbottomLG.gif) no-repeat scroll center bottom;
padding:3px 18px 19px;
}

.toolsheader { background-image:url(../img/usericons/tools.png); }
.studentheader { background-image:url(../img/usericons/books.png); }
.naturopathheader { background-image:url(../img/usericons/greenleaf.png); }
.nohaheader { background-image:url(../img/usericons/noha.png); }
.businessheader { background-image:url(../img/usericons/handshake.png); }
.healthheader { background-image:url(../img/usericons/redheart.png); }

.trheaders {
background-repeat:no-repeat; background-position:center left; padding-left:60px; line-height:25px;
}

.message .status { color:#000; }

/* Disknode styling for T&R detail pages */
span.disknode_download_link { margin-top:15px; padding:15px; border:1px solid black; color:#fff; background-color:#002469; display:block;  }
span.disknode_download_link a { padding-left:35px; font-size:24px; font-weight:bold; text-transform:capitalize; background-image:url(../img/download.png); background-repeat:no-repeat; background-position:left center;   }

/* Organize links, images and files on the T&R nodes */
div.field-field-tr-file-upload, div.field-field-tr-link, div.field-field-tr-image {
float:left; 
}

div.field-field-tr-file-upload { width: 200px; }
div.field-field-tr-link { width: 200px; }
div.field-field-tr-image { width: 200px; }

/* Register Now button for CiviCRM events used on Drupal Event information pages */

.registerButtons {
	width:271px;
	margin: 0 auto;
	}

.registerButtons .in-person {
	float:left;
	}

.registerButtons .button-or {
	float:left;
	margin-right:10px;
	}

.registerButtons .webinar {
	float:right;
	}

.registerButton-single {
	margin:0;
	width:100px;
	clear:both;
	}

.registerButton-single a.button, 
.registerButtons .registerButton a.button {
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;   
	-khtml-border-radius:3px; 
	border-radius:3px; 
	display:block;
	text-shadow:0 1px 0 black;	
	background:#70716B url(../../../../modules/civicrm/i/crm-button-bg.gif) repeat-x top left;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	margin:0 10px 10px 0;
	padding:2px 6px;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #3e3e3e;
	}
	.registerButtons .registerButton a.button:hover { background-position:0px -25px; }

#sNav  .nolink{
    color: #fff;
    text-decoration: none;
  margin:0 !important;
    padding: 4px 1em 5px;
    position: relative;
}