/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}

address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

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

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}

/*================================================================

	BLIS WEB AGENCY "TEMPLATE" STYLESHEET

	The purpose of stylesheet is position the "container"
	to the height and width you want it on the screen

	FORMAT: LONG CENTRE

	RULES:
	1. No TEXT FORMATING
	2. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)
	3. AVOID HACKS
	4. NO IMAGES

================================================================*/


/* EVERYTHING
----------------------------------------------------------------*/

	* {
		margin: 0;
		padding: 0;
	}

/* BODY
----------------------------------------------------------------*/

	body
	{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}


/* WEBPAGE
----------------------------------------------------------------*/
	.webpage
	{
		margin: 0px auto;
		width: 900px;
	}

/* NAVIGATION
----------------------------------------------------------------*/

    .navigation
    {
        margin-left: -452px;
        width: 900px;
        height: 1px;
        top: 144px;
        text-align: left;
        z-index: 100;
        position:absolute;
        left:50%;
    }


/* FOOTER
----------------------------------------------------------------*/

    #footer
    {
        margin-left: -455px;
        padding: 0px;
        width: 890px;
        position:absolute;
        left:50%;
		border:solid 5px #ffffff;
		border-top:none;
		padding:5px;
    }


/*================================================================
	
	BLIS WEB AGENCY "CORE" SCREEN STYLESHEET
	
	The purpose of stylesheet is to format the appearance of the
	site within the site container.
	
	RULES:
	1. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)
	2. AVOID HACKS
	3. ALL PATHS TO BE ABSOLUTE (/images/...)

================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }

html, body { font-family:Tahoma,Arial,Helvetica,sans-serif; color: #333333; background: #EDF1F3; font-size: 1em; }
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #BDCDD6;
	margin-bottom:40px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color:#666666;
	margin-bottom:25px;
}
h3 {
	font-size: 15px;
	font-weight: normal;
	color: #666666;
	margin-bottom:10px;
}
p, li, td {
	font-size: 70%;
	line-height: 1.7em;
	padding: 0px;
	margin-bottom:10px;
	color:#333333;
}
	
li {
	    margin-left: 20px;
	    line-height: 1.5em;
	    margin-bottom:7px;
	}
	
ul {
	    margin-bottom:10px;
	}
	
a {
          outline:none;
        }

a:link, a:visited {
	  color: #006699;
	  text-decoration: none; font-weight:normal;

	}
	
	a:hover {
	  color: #A71A1A;
	  text-decoration: none;
	}



/* TABLES
----------------------------------------------------------------*/
	table {
	  clear: both;
	  border-collapse: collapse;
	  text-align: left;
	}
	td {
	  padding: 2px 3px;
	}



/* HEADER CONTENT
----------------------------------------------------------------*/
    #webpage
    {
        background: white;
		padding:5px;
		margin-top:5px;
    }
    
    #content_frame
    { text-align:left; width:900px; display:block; }
    
    .topPageGraphic 
    { background:#ffffff url(../../images/avca_logo.png) no-repeat scroll 0px 0px; height:160px; }
.topPageGraphic h1 {display:none;}
#content
{ background-image:url(../../images/content_bkgr.png); background-repeat:repeat; display:block;}

#id_search_results .content, #id_sys .content
{	background-image:none;
	background-color:#ffffff;}
	
#mysqlsearchform #field {display:none;}
/* SIDEBAR CONTENT
----------------------------------------------------------------*/


/* FOOTER CONTENT
----------------------------------------------------------------*/
    #footer
    { font-size: 11px; background: #BDCED6; text-align:right; }
    
/* PAGE TOOLS
----------------------------------------------------------------*/
    
    .hide, .printonly
    {
        display: none;
    }
    
    .noscript
    {
        margin: 0 auto;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    .noscript span
    {
        border: 1px solid #A71A1A;
        font-size: 10px;
        color: #A71A1A;
        margin: 0 auto;
        padding: 4px;
        position: relative;
        width: 700px;
        background: white;
        display: block;
        font-family: verdana, sans-serif;
    }
    
    .clear {
        clear:both;
    }


#colRight { text-align: left; overflow: visible; background-repeat: no-repeat; width: 472px; padding-top: 80px; padding-bottom: 20px; float:left; padding:20px; border-top:solid 5px #ffffff; background-color:#BDCDD6; }



#colLeft {
	background-image: url(images/col_left.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-position: right top;
	padding:10px;
	padding-top: 300px;
	width: 368px;
	float: left;
	background-color:transparent;
}
.locate {
	float: right;
	padding: 20px;
}
#colRight h1
{ color:#ffffff;}

.state {
	background-image: url(images/ist2_2674098_cat_serie.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	text-align: left;
	height: 125px;
	text-indent: 10px;
}
.state_footer {
	padding: 10px;
}
#colLeft a, #colRight a {
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#colLeft h4 {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}


#id_member_detail h4 {    font-weight:normal;
	font-size: 18px; margin-bottom:15px; 
}

.detailsheading {
    background:#ededed;
	padding: 3px;
	font-size:11px;
	width: 450px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
	color:#454545;
}

.details, .details p {
	padding: 3px;
	font-size:11px;
	margin-bottom: 20px;
	line-height:1.7em;
}
.details .qual p {margin-bottom:0px;}
.details td {	padding: 3px;
	font-size:11px;
	margin-bottom: 20px;}
	#loginform #email, #loginform #password {float:left;}
	.loginsubmit
	{ border:solid 1px #cccccc; background-color: #BDCDD6; padding:1px; margin-left:8px; font-size:11px; height:20px; margin-bottom:30px; float:left;}
	#logoutbutton
	{	margin:0;  margin-top:30px; font-weight:bold; font-size:11px;}
	.password {margin-left:5px;}
	
	#colLeft li {border-bottom:dotted 1px #cccccc; margin-bottom:12px; padding-bottom:7px; list-style:none; margin-left:0; font-size:70%;}

/*================================================================

	BLIS WEB AGENCY "WIDGET" STYLESHEET
	
	The purpose of stylesheet is provide layout and formatting
	for all enhancements and widgets.
	
	RULES:
	1. WIDGET AND ENHANCEMENT FORMAT ONLY
	2. AVOID HACKS
	3. ALL PATHS TO BE ABSOLUTE (/images/...)
	
	CONTENTS:
	- AUTO FORM
	- BREAD CRUMBS
	- FONT SIZE CHANGER
	- GALLERY
	- IMGTXT
	- NAVIGATION
	- NEWS
	- SEARCH
	- SHOP
	- SITEMAP
	- SUBSCRIPTION TOOL

================================================================*/

/* AUTO FORM
----------------------------------------------------------------*/

/* BREAD CRUMBS
----------------------------------------------------------------*/
    
/* CUSTOM SCROLL
----------------------------------------------------------------*/


/* DRAG
----------------------------------------------------------------*/
.drag {
	position: absolute;
	width: 150px;
	height: 150px;
	background-color: #EEEEEE;
	border: 1px solid #666666;
	padding: 5px;
	z-index: 999;
	}

.handle {
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding: 2px;
	cursor: move;
	}
.resize {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
	background-color: #CCCCCC;
	cursor: se-resize;
	}

/* FONT SIZE CHANGER
----------------------------------------------------------------*/

/* FOOTER TEXT
----------------------------------------------------------------*/

/* GALLERY
----------------------------------------------------------------*/
    
    .gallery .thumbs
    {
        /* THUMBNAILS */
        border: 1px solid #000;
        padding-left: 0;
        margin: 2px;
        display: block;
		overflow: hidden;
		float: left;
    }
    
    .gallery #lg
    {
        /* LARGE IMAGE */
        border: 1px solid #000;
        float: right;
    }
    
    .gallery #lgtxt
    {
        /* IMAGE COMMENT */
        font-size: 10px;
        font-family: verdana, sans-serif;
        width: 260px;
        display: block;
        float: right;
        padding: 4px;
        height: 20px;
        overflow: hidden;
    }
    
    .gallery #lgtb
    {
        /* IMAGE TOOLBAR (view large version) */
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana, sans-serif;
        display: block;
        width: 200px;
        margin-top: 8px;
        float: right;
        
        /* FORMAT FOR ICON */
        text-indent: 20px;
        background: url(/images/stock/new_window_3.gif) 0 0 no-repeat;
        height: 14px;
        padding-top: 2px;
    }
    
    .gallery .description 
    {
		font: bold 8pt tahoma, arial;
		text-align:center;
		color:Black;
		text-decoration:none;
	}
    
    .gallery .credits
    {
        display: none;
    }
    
    .gallery .lrgtext
	{
		float: left;
		padding-right: 9px;
	}
	
	/* EXIF INFORMATION */
	.gallery .table_exif{
		font: 8pt tahoma, arial;
		color:#757575;
		text-decoration:none;
		border: 1px solid #B5B5B5;
	   text-align:left;
	}
	
	.gallery .thumbcontainer
	{
		display: block;
		float: left;
	}
	
	.gallery .imgnav
	{
		clear: both;
		text-align: left;
		padding-top: 0;
		margin-top: -16px;
		display: block;
	}
	
	.gallery .imgnav p
	{
		text-align: left;
		width: 400px;
	}

/* GOOGLEMAP
----------------------------------------------------------------*/
    .printgooglemap
    {
      font-family:verdana;
      font-size:11px;
      display:block;
      width:100px;
      height:14px;
      padding-top:3px;
      padding-bottom:3px;
      border:1px solid black;
      background:white;
      position:absolute;
      bottom:10px;
      right:10px;
      text-align:center;
    }

/* IMGTXT
----------------------------------------------------------------*/

    .imgtxt
    {
		text-indent: -9999px;
		display: block;
		background-repeat: no-repeat;        
    }


/* MOOBOX
----------------------------------------------------------------*/
	#imgGallery{
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}

	#overlay
	{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 100%;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	#imageContainer{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		padding:10px;
	}

/* NAVIGATION
----------------------------------------------------------------*/
    
    .navigation
    {

    }
    
    .navigation dl
    {
        width: 940px;
        margin: 0 auto;
        height: 1px;
        display: block;
    }
    
    .navigation dd
    { float: left; margin: 0px; background-image: url(images/plus.gif); background-repeat: no-repeat; background-position: 5px 5px; background-color: #BDCDD6; border: 2px solid #FFFFFF; width:125px; height:25px; }
    
    .navigation a,
    .navigation a:link,
    .navigation a:hover,
    .navigation a:visited
    {
        cursor: pointer;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding-left:18px; padding-top:3px;
	text-transform:uppercase;
    font-weight:bold;}
    
    .navigation .selected
    {
        text-decoration: underline;
    }
    
    .navigation em
    {
        display: none;
    }
#nav_about_chiropractic {width:110px; }
#nav_about_avca {width:140px;}

/* NEWS
----------------------------------------------------------------*/

/* POSITION ITEM
---------------------------------------------------------------*/

    .positioneddiv
    {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        display: block;
        visibility: hidden;        
    }
    
    .positioneddiv .posblock1
    {
        margin: 0 auto;
        padding: 0;
        width: 760px;
        height: 1px;
        display: block;
        visibility: hidden;
    }
    
    .positioneddiv .posblock1 .posblock2
    {
        display: block;
        visibility: visible; 
    }

/* PRINT PAGE
----------------------------------------------------------------*/

/* SEARCH
----------------------------------------------------------------*/

/* SHOP - SEE SHOP.CSS
----------------------------------------------------------------*/

/* SITEMAP
----------------------------------------------------------------*/

/* SLIMBOX
----------------------------------------------------------------*/

#lbOverlay {
	position: absolute;
	top:0; left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 1000;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%; padding:0;
	overflow: hidden;
	background-color: #fff;
	z-index: 1001;
}

.lbLoading {
	background: #fff url(/images/stock/loading.gif) no-repeat center;
	z-index: 1001;
}

#lbCanvas {
	border: 9px solid #fff;
	z-index: 1001;
}

#lbCanvas iframe, #lbCanvas img {
	border:1px solid #999;
	margin:0; padding:0;
	z-index: 1001;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 10px;
	width: 70px;
	background:url(/images/stock/spacer.gif);
	z-index: 1001;
}


#lbPrevLink {
	left: 0;
	z-index: 1001;
}

#lbPrevLink:hover {
	background: transparent url(/images/stock/prevlabel.gif) no-repeat;
	z-index: 1001;
}

#lbNextLink {
	right: 0;
	z-index: 1001;
}

#lbNextLink:hover {
	background: transparent url(/images/stock/nextlabel.gif) no-repeat;
	z-index: 1001;
}

#lbBottom {
	font-size:11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	margin:0 0 0 10px; padding:0;
	z-index: 1001;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/stock/closelabel.gif) no-repeat center;
	margin:0; padding:0;
	z-index: 1001;
}

#lbCaption, #lbNumber {
	z-index: 1001;
}

#lbCaption {
	font-weight: bold;
	z-index: 1001;
}

/* STRETCH TOOL
----------------------------------------------------------------*/
    
    .stretch {
        cursor: pointer;
    }
    
    .stretch img {
        margin-right: 4px;
    }

/* TOOLTIPS
----------------------------------------------------------------*/
.tool-tip{

    width: 200px;

    color: #000;

    text-align: center;

    z-index: 999;
    }

.tool-title{

    color: #000;

    font-family: tahoma, verdana, sans-serif;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: normal;

    text-shadow: 2px 2px 1px #222;

    margin: 0;

    padding: 13px 10px 5px;

    background: url(/images/stock/balloon.png) top left no-repeat !important;

    background: url(/images/stock/balloon.gif) top left no-repeat;

    font-size: 11px;
    }

.tool-text{

    margin: 0;

    padding: 0 10px 15px;

    text-shadow: 2px 2px 1px #222;

    background: url(/images/stock/balloon.png) bottom left no-repeat !important;

    background: url(/images/stock/balloon.gif) bottom left no-repeat;

    font-size: 10px;

    color: black;

    font-size: 11px;

    font-family: verdana, sans-serif;
    }
    


/* WIDGEDITOR
----------------------------------------------------------------*/
.widgIframe
{
	clear: left;
	width: 230px;
	height: 130px;
	border: 1px solid #999;
	
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 230px;
	height: 130px;
	border:0;
	padding: 0;
}