/*
	Core CSS Document [Advanced Styling]
	Author: Echidna Solutions Corp - support@echidna.ca
	v1.9 // MASTER style file last modified on 07/24/2008	
*/

/*
	=BASIC ELEMENTS
*******************************/
body{font-size:83%; font-family:"Trebuchet MS", Georgia, Times, serif; background:url(../images/bg_body.jpg) repeat-x top left; color:#333}
p{margin:0 0 8px 0; }
strong{font-weight:bold;}
em{color:#333; font-style:italic;}

a:link,a:visited{color:#993300;text-decoration:underline;}
a:visited{color:#4c1a01;text-decoration:underline;}
a:hover,a:active{text-decoration:none;}


/*
	=HEADER STYLING
*******************************/
#header h1 a{position:absolute; height:50px; width:180px; text-indent:-9999px; overflow:hidden; top:50px; left:10px;}

/*
	=NAVIGATION STYLING
*******************************/

/* primary */
#navigation_primary li {margin-right:10px;}
#navigation_primary li a{padding-left:12px; padding-right:12px; }

#n_patient_care{width:144px;}
#n_office{width:79px;}
#n_faq{width:41px;}
#n_refer{width:126px;}

#n_patient_care:hover,
#n_office:hover,
#n_faq:hover,
#n_refer:hover
{
background:#A0A0A0 url(../images/nav-bg.jpg) repeat-x;/* for IE */
position:relative;
zoom:1;
height:30px;
behavior: url(http://www.start1.ca/Lacombe/css/border-radius.htc);
border-radius: 6px 0px 6px 0px;
-moz-border-radius: 6px 0px 6px 0px;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#9B9B9B)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #9B9B9B); /* for firefox 3.6+ */ 

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


/* secondary */
#navigation_secondary li a{color:#fff; font-weight:bold; text-transform:lowercase;}
#navigation_secondary li a:link, #navigation_secondary li a:visited{text-decoration:none;}
#header #navigation_secondary li a.current,#navigation_secondary li a:hover, #navigation_secondary li a:active,#site_info .current{text-decoration:underline;}

/* sidebar */
#navigation_sidebar{margin:0; padding:0;}
#navigation_sidebar li{font-size:1em; font-weight:bold; border-top:1px dotted #999; list-style-type:none; margin:0;}
#navigation_sidebar .last{border-bottom:1px dotted #999;}
#navigation_sidebar a{display:block; text-decoration:none; padding:3px 0 3px 12px; width:281px;} /* width req. for ie6 */
#navigation_sidebar a:link, #navigation_sidebar a:visited{background:url(../images/bullet_sidebar_nav.gif) no-repeat 0.3em 0.7em;}
#navigation_sidebar a:hover, #navigation_sidebar a:active, #content_sidebar #navigation_sidebar a.current{background-color:#f6f6f6; background-image:none; color:#cc3300}

/*
	=CONTENT STYLING
*******************************/

/* =MAIN */

/* elements */
#content p{line-height:1.5em;}
span.term{font-size:1.1em; color:#5e5e5e; font-weight:bold; font-style:italic;}
.who_benefits span.term{font-style:normal; color:#c76b16; font-size:1.05em;}
.answer{text-indent:40px; color:#666; display:block;}
.highlight{font-size:1.05em; color:#333; font-weight:bold; letter-spacing:0.05em;}
h3 span.required,.required{color:#CC0000;}
.clearit{clear:both;}
.floatRight{float:right; margin:0 2px;}
.secure{position:absolute; top:270px; right:0;}

.lacombe{float:right; display:block; margin:0 0 0 25px;}
	.lacombe img{border:1px solid #888; padding:2px; background-color:#d6d6d6;}
	.lacombe .caption{font-size:0.9em; font-style:italic; text-align:center;}

/* headings */
#content h2{font-size:1.9em; text-transform:lowercase; cursor:default; margin-bottom:20px;}
#content h2 span{color:#999; font-size:0.8em; display:block;}
#content_main h3{color:#cc3300;font-size:1.25em; margin-top:12px; font-weight:bold; cursor:default;}

#content_main h2{letter-spacing:0.03em;}

.request_appointment h3,.online_referral h3{margin-bottom:5px; letter-spacing:0.05em;}


.error{color:#e64135;text-align:right;font-size:11px;}
.success{color:#acd373;text-align:right;font-size:11px;}
.simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info {
	
	padding:0.8em;
	margin-bottom:1em;
	border:1px solid #ddd;
}
.simple-error,.simple-alert {
	background:#fbe3e4;
	border-color:#fbc2c4;
	color:#e64135;
}
.simple-notice {
	background:#fff6bf;
	color:#514721;
	border-color:#ffd324;
}
.simple-success {
	background:#e6efc2;
	color:#264409;
	border-color:#c6d880;
}
.simple-info {
	background:#d5edf8;
	color:#205791;
	border-color:#92cae4;
}
.simple-error a,.simple-alert a {
	color:#8a1f11;
}
.simple-notice a {
	color:#514721;
}
.simple-success a {
	color:#264409;
}
.simple-info a {
	color:#205791;
}


/* testimonials */

.testimonial {
	width: 100%;
}

ul#testimonials li { list-style: none;}

#content_main .testimonial blockquote {
	margin: 0;
	padding:0px 80px 0px 40px;
	background:url(../images/dville.jpg) no-repeat 0px 0px;
	
}
#content_main .testimonial blockquote p.quote{
	text-align:left;
	font-size:17px;
	color:#777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	margin-bottom: 10px;
}

#content_main .testimonial blockquote p.author{
	text-align:right;
	font-size:12px;
	color:#999;
	font-weight:bold;
	font-family: Tahoma, arial;
	font-style:normal;	
}


/* lists */
/*#content_main ol, #content_main ul{list-style-position:outside; margin:0 0 0 15px;}
#content_main ol li{list-style-type:decimal;}
#content_main ul li{list-style-type:square;}
#content_main li{margin:5px 0; padding:0; list-style-position:outside;}*/

ol,ul{list-style-position:outside; margin:0 0 0 35px;}
ol li{list-style-type:decimal;}
ul li{list-style-type:square;}
li{margin:5px 0; padding:0; list-style-position:outside;}

.online_referral ul{margin:0 0 0 13px; padding:0;}

#content_main #lst_photos{margin:25px 0 0 45px; padding:0; list-style-type:none; display:block;}
	#content_main #lst_photos li{margin:0; padding:0; line-height:1; list-style-type:none; display:inline;}
	#content_main #lst_photos li a{height:60px; width:160px; padding:1px;}

/* tables */

/* forms */

/* =SIDEBAR [sidebar specific]*/

/* elements */

/* headings */
#content_sidebar h2{color:#999;}

/* lists */

/* tables */

/* forms */

/* messaging */


/* =GENERAL */
.frm_core{/*position:relative;*/}
.frm_core label{float:left; width:200px; display:block; height:auto; font-weight:bold; line-height:1.8em;}
.frm_core input{padding:3px; margin:0;}
.frm_core textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; overflow:auto; width:370px;}
.frm_core .btn{font-weight:bold; width:auto; overflow:visible; padding:5px;}
.frm_core .checkbox{width:auto;}
.frm_core label.noFloat{float:none; display:inline;}

.tbl_core{width:100%;}
.tbl_core td{padding:3px 0 3px 2px;border-bottom:1px solid #000;}

.tbl_core tr.head{background-color:#272d38;}
.tbl_core tr.row1{background-color:#eff3fc;}
.tbl_core tr.row2{background-color:#fff;}


/*
	=MODULES STYLING [module/page specific]
*******************************/
/* global */
#errors{background-color:#feeeee; padding:10px 30px; margin-bottom:15px; border:1px solid #e68a8a; color:#811616; font-weight:bold;}
#errors ul, .online_referral ul,.request_appointment ul{list-style:circle; margin:0; padding:0;}
#errors ul li{list-style-type:disc; margin-bottom:8px;}

/* specific */

/* home page */
#welcome_module h3{font-size:1.05em; font-weight:bold; color:#666; margin-bottom:8px;}
#patient_module h2{color:#993300;}
#refer_module h2{color:#999;}

/* anxiety test */
#anxiety_test #content_main ul{margin:8px 0 35px 0;}
#anxiety_test #content_main ul li{margin:0 0 8px 0; padding:3px 0; list-style-type:none;}
#anxiety_test #content_main ul li:active,#anxiety_test #content_main  ul li:hover{background-color:#f5f4f4;}
#anxiety_test #content_main h3{width:760px;}

/* request appointment */
.patient_info{border-bottom:1px solid #d8d8d8; width:375px; margin-bottom:35px; padding-bottom:10px;}
.request_appointment ul{margin:0; padding:0;}
.request_appointment ul li{list-style-type:none; margin:0;}

/* medical questionnaire */
#patient_care h3 span.apply{font-style:italic; color:#000; font-size:0.8em; font-weight:normal;}
#patient_care h4{font-size:1.1em; font-weight:bold; color:#333;}
#patient_care .patient_info{width:100%;}
#patient_care .patient_info textarea{width:99%;} /* 99% for IE6 */
#patient_care .patient_info ul{margin-left:0;}
#patient_care .patient_info ul li{list-style-type:none;}
#patient_care .patient_info ul li ul{margin-left:30px;}
#patient_care .patient_info ul li ul li{list-style-type:square;}


input[type=checkbox], input[type=radio] { position: relative; top: 2px;}

/*
	=SITE INFO STYLING
*******************************/
#site_info{font-size:0.8em; color:#996600; text-align:center; background:url(../images/bg_site_info.gif) no-repeat top center;}
#site_info span{margin-right:15px;}
#site_info h5{position:absolute; text-indent:-9999px; overflow:hidden;}
#site_info a{color:#996600; font-weight:bold;}
#site_info a:link, #site_info a:visited{text-decoration:none;}
#site_info a:hover, #site_info a:active{text-decoration:underline;}
#document #site_info a.site_current{color:#996600; text-decoration:underline;} /* document required for ie6 */


/*
	=CLASSES
*******************************/
/* see content main */

/* 'Radioactive' Button
******************************/

    @-webkit-keyframes Pulse {
    from { background-color: #D45500; -webkit-box-shadow:: 0 0 9px #333; }
    50% { background-color: #cc3300; -webkit-box-shadow:: 0 0 18px #91bd09; }
    to { background-color: #D45500; -webkit-box-shadow:: 0 0 9px #333; }
    }
    a.red.button {
    -webkit-animation-name: Pulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
	text-decoration:none;
    }

.button {
    background: url(../images/overlay-button.png) repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    overflow: visible;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    width: auto;
}

.red.button {
    background-color: #D45500;
}

.red.button:hover {
    background-color: #cc3300;
}

.large.button {
    font-size: 14px;
    padding: 8px 19px 9px;
}