/* Franklin Covey CSS File */
html{ height:100%; }
* { margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; }

body { background-color: #F5F5F5;  font-size: 10px; color: #666; text-align:center; height:100%; }


::-moz-selection { background:#DB7800; color:#fff; }
::selection { background:#DB7800; color:#fff; }
code::-moz-selection { background: #eee; color:#900; }
code::selection { background: #eee; color:#900; }

#container
{
	background-color: #F5F5F5;
	position:relative;
	margin:0 auto;
	text-align:left;
	width:800px;
	height:100%; 
}
#logo{ 	float:left; padding:5px 0 0 150px; }
#flashcontent{ float:right; margin-top:10px; height:100px; }

#call_now{ font-size:12px;text-align:center;line-height:20px;color:#000;margin:25px auto 0; }
#call_now b{ color:#DB7800; }
#call_now span{ color:#9C9A08;font-size:16px;border-bottom:1px solid #ccc; }

#header
{
	height:110px;
}

#left
{
	position:relative;	
	float:left;
	margin-left:15px;
}
#left img{ padding-top:40px; }
#left h3{ color:#000;margin-top:16px; }
#right
{
	position:relative;
	float:right;
	width:600px;	
}
#mainImage{ width:600px; height:150px; color:#9C9A08; font:38px "Trebuchet MS"; text-align:right; }

#contactForm
{
	width:500px;
	position:relative;
	margin:0 auto;
}
#contactForm td
{
	white-space:nowrap;
}
#contactForm sup
{
	color:#f00;
}

.label
{
	background:#FBF4E1;
	font-weight: bold;
	color:#DC7800;
	border-bottom:2px solid #ef9b00;
	padding:2px 0 0 5px;
	margin:5px 0;
}

.br { clear:both; }
.show { display:inline; }
.hide { display:none; }
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
.fleft{ float:left; }
.fright{ float:right; }

.submit{ text-align:center; font-weight:bold;color:#DB7800; }

a { color:#0066CC; text-decoration:none; outline:none; }
a:hover { color:#0066CC; text-decoration: underline; }

.nav_links { color:#000000; text-decoration:none; outline:none; }
.nav_links :hover { color:#0066CC; text-decoration: underline; }

img, a img { border: 0; }

ul li { list-style-type: none; }

#tabs {
  float:left;
  width:100%;
  background:#999 url("../images/single_pixel_off_spacer.gif") repeat-x top;
  line-height:normal;
  border-bottom:5px solid #DB7800;
  }
#tabs ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#tabs li {
  float:left;
  background:url("../images/left_tab.gif") no-repeat 0 0;
  margin:0;
  padding:0;  
  border-right:1px solid #fff;
  }
#tabs li.last {
  border:none;
  }
  
#tabs a {
  float:left;
  display:block;
  background:url("../images/right_tab.gif") no-repeat right top;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  height:100%;  
  width:99px;
  vertical-align: bottom; line-height: 23px; white-space:nowrap; 
  
  }
#tabs li.last a { width:100px; }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
	background-color:#DB7800;
	background-image:url('../images/right_tab.gif');
	background-position:right -23px;
	}
#tabs a:hover div {
	background-image:url('../images/left_tab.gif');
	background-position:0 -23px;
	background-repeat:no-repeat;
	}
#tabs a div {
	padding:0 4px 0 5px;
}
#tabs li.current {
	background-color:#DB7800;
	background-image:url('../images/left_tab.gif');
	background-position:0 -23px;
  }
#tabs li.current a {
	background-image:url('../images/right_tab.gif');
	background-position:right -23px;
  }

.orange{ color:#DB7800; }
.bright_orange {color:#EF9B00;}
.green{ color:#9C9A08; }
.bg_orange{ background:#DB7800; }
.bg_green{ background:#9C9A08; }

.left_nav a { color: #999;  }
.left_nav h3, .left_nav a.on, .left_nav a:hover { color: #DB7800; }

.left_nav a.on{ background: url( ../images/a_bullet_inner_on.gif ) center left no-repeat; padding-left:10px; }

.left_nav h3 { font-size: 11px; height: 15px; margin: 4px 0 2px 0; width: 170px; }

.left_nav ul.primary a { font-size: 11px; font-weight:bold; display:block; }
.left_nav ul.primary { margin: 0; padding: 0; width:160px; }
.left_nav ul.primary li { border-top: solid 1px #ccc; padding: 3px 0 3px 0; }
.left_nav ul.primary li.first { border-color: #000; }
.left_nav ul.primary li.first a{color: #9C9A08; }
.left_nav ul.primary li.first a:hover{ color:#EF9B00;text-decoration:underline; }

.left_nav ul.secondary a { font-size: 11px; font-weight: normal; }
.left_nav ul.secondary { margin: 2px 0 0 0; padding:0; }
.left_nav ul.secondary li { border: none; list-style-image: url(../images/a_bullet_off.gif); margin-left: 20px; padding: 1px 0 0 0; }
.left_nav ul.secondary li.on { list-style-image: url(../images/a_bullet_selected.gif); }
.left_nav ul.secondary li.exploded { list-style-image: url(../images/a_bullet_on.gif); }

.left_nav ul.tertiary a { font-size: 10px; }
.left_nav ul.tertiary li { border: none; list-style-image: url(../images/a_bullet_small.gif); margin-left: 20px; }
.left_nav ul.tertiary li.on { list-style-image: url(../images/a_bullet_inner_on.gif); }

/*#footer{ width:800px; text-align:center; padding:0 50px; }*/
#footer{ 
	width:575px; float:right;
	text-decoration: none; font-size: 10px; color: #999; margin-right: 10px;
	padding-bottom:10px;
}

/* Footer Styles */
#footer a {color: #9C9A08; text-decoration: none; margin-right: 10px; }
#footer a:hover {color: #DB7800; text-decoration: none; margin-right: 10px; }
#footer a.special {color: #DB7800; text-decoration: none; margin-right: 10px; font-weight:bold; }
#footer a.special:hover {color: #EF9B00; text-decoration: none; margin-right: 10px; }
#footer a.on { border-bottom:1px dotted #ccc !important; }
#footer a.blend { margin-right:0; color:#999; }

#footer ul{}
#footer li{float:left}
#footer li a{display:block;}

/* Comment Styles */
.story,#question{ overflow:hidden; background:#ececec; width:500px;padding:10px;margin:0 auto; }
.storyBy,#questionNum{	
	color: #DB7800;	
	padding-top:1px;	
	padding-bottom:10px;
	position:relative;
	margin:-1px auto 2em;		
	text-align:right;
	z-index:100;
}

.storyBy{	
	background: url(../images/comment.gif) 20px 0 no-repeat;
	width:450px;
	padding-left:60px;
}
.storyBy a,#questionNum a { color:#9C9A08; }
.storyBy b,#questionNum b { float:left; }
.storyBy img { padding:0 2px; }


#questionNum{	
	background: url(../images/comment.gif) 20px 0 no-repeat;
	width:500px;
	padding:5px 10px 25px; color:#9C9A08; font-size:11px;
}

#questionNum input{ margin:0 3px 0 12px; }

#question .qQ{ font-size:14px; }
#question .qQ span{ font-weight:bold; color:#DB7800; }

#columns
{
	margin:0 auto; width:560px;

}
.storyOn { border:1px solid #EF9B00;}
.storyOff { border:1px solid #ececec;}



#homeBtn.show {display:block}
#homeBtn { line-height:1em; width:45px; height:12px; position: relative; top:0; left: 200px;}
#homeBtn span{ display:none }
#homeBtn a{ display:block;background:url(../images/btn_home_duo.gif) no-repeat center top; }
#homeBtn a:hover{ background-position:0 -12px; }

#foot_link{
	font-size: 14px; font-weight: normal; color: #666; clear:both; border-top: solid 1px #ccc; padding: 15px 5px 20px; text-align:center; background:#eee;
}
.top_line { border-top: solid 1px #ccc; padding: 15px 0 0 0; }

/* Content Styles */
#content { color: #666; font-size: 12px; padding: 20px 0 50px 10px; width: 580px; background:#fff url(../images/dotted.gif) repeat-y 0 0 }
#content form { margin: 0; padding: 0; }
#content.no-top-margin, #content h3.no-top-margin { padding-top: 0;}
#content.no-bottom-margin, #content h2.no-bottom-margin { padding-bottom: 0;}

#content h1 { font-size: 18px; font-weight: normal; color: #DB7800; padding-bottom: 5px; }
#content h2 {	font-size: 14px; font-weight: normal; color: #666; padding-bottom: 20px; }
#content h3 {	font-size: 12px; font-weight: bold; color: #666; padding-top: 20px; clear: both; }
#content h4 { font-size: 16px; font-weight: bold; color: #900; padding-bottom: 5px; margin-bottom:10px; }

#content p { font-size: 12px;	padding-bottom: 15px; line-height: 1.5em; }
#content ul { font-size: 11px; margin: 0 0 15px 18px; list-style-image: url(../images/a_bullet_small.gif); }
#content ul li { padding-bottom: 5px; }
#content ol { font-size: 11px; margin-left: 18px; margin-bottom: 15px; }
#content ol { margin-left: 23px; }
#content ol li { margin-bottom: 5px; }
#content p.small { font-size: 10px; margin: 0px; padding: 0px; padding-top: 15px; }
#content tr.border_top { border-top: solid 1px #ccc; }
#content .callout { width: 131px; float: right; background-color: #F2F2F2; padding: 10px; }
#content .callout h3 { font-size: 11px; text-transform: uppercase; padding: 0px 0px 10px 0px; }
#content .callout ul { font-size: 10px; padding: 0px 0px 0px 10px; margin: 0; }
#content .screenshot { cursor: pointer; float: right; margin: 0px 0px 10px 10px; }

div.half { border-top: solid 1px #ccc; float: left; margin: 0; padding: 0 4px 0 0; width: 270px; }
div.half h3 { font-size: 12px; margin-bottom: 5px; }
div.half p { float: left; font-size: 11px; padding-bottom: 15px; padding-right: 15px; clear: both; width: 253px; }
div.half p.small { font-size: 10px; margin: 0; padding: 0; padding-top: 15px; }
div.half em, div.half i { /*color:#9C9A08;*/ }

dd { font-size: 11px; margin: 10px 0 5px 0; }

form { border: 0; }

form input.text, form select { padding: 1px 0 0 0; height: 17px; width: 140px; margin-top: 0; color: #666; margin-right: 5px; border: solid 1px #A3A4A1; font-size: 11px; }
form textarea { border: solid 1px #A3A4A1; color: #666; font-size: 11px;  margin-right: 5px; }

form label { margin: 0; padding: 0; }

form select.med { width: 254px; }

form select.long { width: 274px; }

form input.btn { bottom: 19px; left: 149px; display: block; position: relative; width: 22px; height: 19px; }
form input.btnMed { bottom: 19px; left: 263px; display: block; position: relative; width: 22px; height: 19px; }
form input.btnLong { bottom: 19px; left: 283px; display: block; position: relative; width: 22px; height: 19px; }

/* Misc styles */
.errors { color: #f00; margin-bottom:15px }
.italics{ font-style: italic; }
.bold{font-weight:bold}
#info { margin: 10px 0 5px 0;border-top: solid 1px #ccc; padding: 15px 0 0 0; font-size: 11px; }

/* Mike Reid - Customization */

#contact_dropform{
    position: absolute;
    z-index:101;
    top:-1000px;
    padding:15px;
    background-color:#fff;

    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;    
    border-bottom:1px solid #999;

    width:350px;
    text-align:left;
    display:block
}
#contact_dropform #contactDropForm{ width:300px }
#contact_dropform h2{ font-size:150% }
#contact_dropform #overlay_top{
	position:absolute;
	top:0; left:0; z-index:999
}
#contact_dropform #overlay_left{
	position:absolute;
	top:0; left:0; z-index:999
}
#contact_dropform #overlay_right{
	position:absolute;
	top:0; left:395px; z-index:999
}
#contact_dropform #overlay_bottom{
	position:absolute;
	top:95%; left:0; z-index:999
}

#contact_dropform .close{
	position:absolute;
	top:3px;
	left:85%;
	font-weight:bold;
	cursor:pointer;
	z-index:1000;
	color:#f00
}

.call{padding-top:10px;border-bottom:1px solid #ccc;}
.call b,.call strong{color:#666;}
.privacy{float:right;padding-top:0px;font-size:10px;color:#666;}
.privacy img{padding-top:3px;}