/*** WEBSITE: Clayfield Chiropractic
	 AUTHOR: Sommer Hayes
	 CREATED: 22/02/2007 
	 COMMENTS: Condensed Stylesheet for Clayfield Chiropractic */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#ffffff; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:990px;margin-left:auto;margin-right:auto;text-align:left;background-color:#FFFFFF;}
#branding {margin-bottom:-4px;}

#leftWrap {float:left; width:200px; padding-left:10px;}


#menu {height:27px;}
#menuAdmin {height:27px; width:180px; float:left;}
#menuDesign {width:190px; height: 180px;}
.leftPanel {width:180px; float:left; clear:both;}

#contentAreaWrap {width:990px;background: url(bground.jpg) repeat-y; padding-top:20px;}
#contentAreaWrapAdmin {width:990px;background: url(bground.jpg) repeat-y; padding-top:20px;}
#contentArea {width:948px;margin-left:21px;margin-bottom:15px;}

#contentAreaAdmin {width:948px;margin-left:21px;margin-bottom:15px;}
html>body #contentArea {width:947px;}

#contentWrap{float:right;width:720px; }
.contentPanel{width:460px;float:left;}
.contentPanelAdmin {width:730px;float:right;text-align:left;}

.rightPanel { width:200px; float:right;padding-right:30px; }
html>body .rightPanel  {width:207px;}

#footer {clear:both; width:990px; height:44px; text-align:center; font-size: 10px; color:#666666; background: url(footer.jpg) no-repeat;}
#footer a, #footer a:link, #footer a:active, #footer a:visited; #footer a.footerMenuItem {font-size: 10px; color:#666666; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px; }
#dnn_LeftPane .container {background: #FEF9ED url(h2headBg.gif) no-repeat bottom; padding-bottom:40px; margin-top:20px;}
#dnn_LeftPane .container h2 {height:24px; background: url(h2headerBg.gif) repeat-x; color:#fff; padding-left:15px; font-size:11px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #fff;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-family: "Verdana", Verdana, arial, helvetica;	font-size: 11px;color: #666666;font-weight: normal;line-height:1.5em;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: Silver;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: black;}
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.NormalRed { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Verdana", Verdana, arial, helvetica; color:#333; font-weight:normal; font-size: 12px; margin-bottom:5px; }
h1 {font-size:15px; font-weight:bold;}
h2, .head, h2 span.head, .container h2 span.head {font-size:13px; color:#114D66; font-weight:bold; padding-top:0px;}
h3, h3 span.SubHead, .newstitle {font-size: 13px; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h5, DT {font-size: 12px; font-weight: bold;color:#114D66;}
h6 {font-size: 12px; font-style: italic;color:#114D66;}

p {margin: 0 0 5 0px;}
ul { margin: 0 0 10 25px;}
ul li { margin-left:5px; padding:0px; list-style-image: url(bullet.jpg);}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr {
	width:80%;
	text-align:center;
	border-top-width: 0px;
	border-bottom-width: 1px ;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
img{ border:0px; margin:0px; padding:0px;}

/* link styles */
a, a:link, a:active, a:visited, 
a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { color:#E8A03A; text-decoration:none; padding: 0px; margin:0px;}
a:hover, a:hover.CommandButton{ text-decoration:none; color:#666;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0 0 7 0px;}

/* button style for standard HTML buttons */
.StandardButton, input.StandardButton { padding-left:10px; padding-right: 10px;  width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 1px solid #CBD2D8; background: #BECAE2; color: #1F3358; font-family: Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both;}
input.StandardButton[class] { width: auto;} /* Non IE browsers read this */

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}

/*Dropdown Boxes*/
select { font-size: 10px;}

/* Required Fields */
span.mandatory { color: #334692; font-weight:bold;}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/

/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:White; color: Red; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:White;}
.DataGrid_Header { background-color:Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: Black; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: Silver; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}

/* text style used for help text rendered by modules */
.Help { border: black 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: black; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}

SMALL { font-size: 8px;}
BIG { font-size: 14px;}

/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink { padding-bottom:10px;}
.QuickLink h3,.QuickLink h3 a,.QuickLink h3 a:link, .QuickLink h3 a:active,.QuickLink h3 a:visited { margin:0px; padding-bottom:10px; color:#114D66; font-size:13px;}
.QuickLink img { float:left; margin-bottom:5px; border:2px solid #E8A03A;}
.QuickLink p { line-height:1.2em;margin:0px;}

/******************************************************
    NUKE NEWS STYLES
******************************************************/
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited { font-size:11px;color:#FFFFFF;background-color: #666666;padding: 3px 5px 3px 5px;}
.newsactionbarlinks:hover { color:white;background-color: #999999;}
.rssFeed { margin-top: 10px;}
.readMore { padding: 0 0 5 0px;}
.newspostdate, .newsPosted { padding: 5 0 5 0px;font-size:10px;color:gray;}

/******************************************************
    ANNOUNCEMENT MODULE STYLES
******************************************************/
.DNN_ANN_DesignTable { width:100%; padding:4px;}
.DNN_ANN_Description {}
.DNN_ANN_Description P { margin-top:0px;}

/******************************************************
    BLOG MODULE STYLES
******************************************************/
.blogCalendar th, .CreateFrom, .extraInfo, .extraInfo .Normal, .extraInfo .NormalBold {font-size: 11px; font-weight: normal; color: #000000;}
.blogSummary { }
.blogCommentsHeading { padding: 5px; margin: 5 0 5 0px; background: #EFEFEF;}
.blogComments { border-bottom: 1px solid #C0C0C0; padding-bottom: 5px;}

/******************************************************
    INFINITE MENU STYLES
******************************************************/
/* --[[ Main Expand Icons ]]-- */
html>body #imenus0 { min-height:100px; }
#imenus0 .imeam span,#imenus0 .imeamj span {
	width:10px; 
	height:15px; 
	left:0px; 
	top:5px;
}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {
	background-image:url(none); 
	background-repeat:no-repeat;
	background-position:top left;
}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {
	width:5px; 
	height:7px; 
	left:0px; 
	top:3px;
}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {
	background-image:url(none); 
	background-repeat:no-repeat;
	background-position:top left;
}
/* --[[ Main Container ]]-- */
#imouter0 {
	background-color:#ffffff; 
	border-style:none; 
	padding:0px; 
	margin:0px; 
	width:180px;
}
/* --[[ Sub Container ]]-- */
#imenus0 li ul {
	background-color:#ffffff; 
	border-bottom:1px solid #E8A03A; 
	margin:4px 0px 0px; 
}
/* --[[ Main Items ]]-- */
#imenus0 li a {
	background-color:#FEF9ED; 
	color:#C67B17; 
	text-align:left; 
	font-family:Verdana; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none; 
	border-bottom:1px solid #FCF9D8; 
	border-top:1px solid #F2C991; 
	padding:2px 15px; 
}
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {
	background-color:#E8A03A; 
	text-decoration:none; 
	color:#fff;
}
#imenus0 li a.ihover{
	background-color:#E8A03A; 
	text-decoration:none; 
	color:#fff;
}
.imde imenus0 a:hover{
	background-color:#E8A03A; 
	text-decoration:none; 
	color:#fff;
}
/* [active] */
#imenus0 li a.iactive {
	background-color:#E8A03A;
	border-bottom:1px solid #FEF9ED;
	color:#fff;
	font-weight:bold;
}
/* --[[ Sub Items ]]-- */
#imenus0 ul a {
	color:#666666; 
	text-align:left; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none; 
	border-style:none; 
	padding:2px 5px; 
}
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {
	background-color:#E8A03A; 
	text-decoration:none; 
}
#imenus0 ul li a.ihover {
	background-color:#E8A03A; 
	text-decoration:none; 
}
/* [active] */
#imenus0 ul li a.iactive {}

/******************************************************
    LOGIN MODULE STYLES
******************************************************/
.loginbutton {
background:#004070;
border:0px;
color:#fff;
font-size:11px;
}
.loginText {
font-weight:normal;
color:#333;
font-size:13px;
padding:0px;
margin:0px;
}

/******************************************************
    FORM STYLES              
******************************************************/
/* CONTACT FORM */

#contactForm{border: 1px solid #000079;clear: both;}
.contactForm{padding:8px;color:#fff;}	
.contactForm TD {text-align:left; background:#f5f5f5; border: 2px solid #FFFFFF; }