/* 
   Ortho Kinematic, 2009.  CSS created by UnbrandedStudio.com, a GDxQ.net affiliate
	 --------------------------------------------------------------------------------
	 Colors: 
	  > #d84c00 (default orange) 
*/

@import url("horizontalmenu.css");
@import url("web_styles_header.css");
@import url("web_styles_nav.css");
@import url("web_styles_sidebar.css");
@import url("web_styles_footer.css");


body {
 background:#000 url("../img/required/body_background_default.gif") repeat-x top left;
 text-align:center;
 padding:0;
 margin:0;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:20px;
}

div#x {
 width:800px;
 margin:0 auto;
}

#bodyshadow {
 width:100%;
 background:#FFF; /* url("../img/required/OrthoGrid.gif") no-repeat 0 0;*/
 float:left;
}

#footershadow {
 width:100%;
 background:url("../img/required/wrapper_footer_corner.png") no-repeat 0 0; 
 float:left;
}

#footershadow .small-top {
 font-size:55%;
 color:#CCC;
 margin-top:40px;
}

#footershadow .small-last{
 font-size:55%;
 color:#CCC;
 margin-top:20px;
}

#footershadow .large {
 font-family:Arial, Helvetica, sans-serif;	
 font-size:20px;
 font-weight:bold;
 color:#fff;
 line-height:26px;
 margin:10px 0 10px 0;
}


.hr-divider {
 margin:0 5% 2% 5%;
 border-top:solid 1px #999;
}

.hr-divider hr {
 display:none;
}



#wrapper {
 width:100%;
 float:left;
}

/* ie hack*/
* html #wrapper {
 width:800px;
 float:left;
}


#wrapper-banner, #wrapper-header, #wrapper-container, #wrapper-footer {
 float:left;
 width:inherit;
}

#wrapper-container {
 text-align:left;  
 margin:0;
}

#wrapper-footer {
 width:100%;
 text-align:center;
 margin:0;
}




/* main content */
#container {
 margin-left:0;
 float:left;
 width:inherit;
}

#right-zstyle {
 width:95%;
 position:relative;
 z-index:5;
 margin-left:-100px;
 margin-top:10px;
}

#right-zstyle200 {
 width:100%;
 position:relative;
 z-index:5;
 margin-left:-250px;
 margin-top:10px;
}

.caption200 {
	font-size:12px;
	color:#666;
}


#grey-box {
	background-color:#eee;
	padding:15px;
	}

#image-box {
	border:none;
	padding:0 15px 0 5px; 
	float:right;
	width:auto;
	height:auto;
}

.image-box250 {
	border:none;
	padding:0 15px 0 5px; 
	float:right;
	width:auto;
	height:250px;
}

/* 1-col content */
#content1col {
 width:95%;
 float:right;
 margin-left:25px;
}

#content1col  .post {
 margin-top:6%;
 margin-left:3%;
 margin-right:8%;
 margin-bottom:3%;
}


#content1col  .showDivider {
 padding-bottom:3%;
 border-bottom:solid 1px #CCC;
}

#content1col .post h2.frontpage {
 font-size:20px;
 font-weight:normal;
 color:#000;
 line-height:24px;
 margin:0 0 10px 0;
}

#content1col .post h2 {
 font:bold 22px/24px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 10px 0;
}

#content1col  .post p.small { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#515151;
 margin:0;
}

#content1col  .post p.special {
 color:#d84c00;
 font-size:14px;
 line-height:22px;
 margin-left:7%;
}

#content1col .post p { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 margin:8px 0 0 0;
 line-height:18px;
}

#content1col .post a:link, #content .post a:visited {
 color:#d84c00;
 text-decoration:none;
}

#content1col .post a:hover {
 color:#d84c00;
 text-decoration:underline;
}

/*Content - TQ class */
#content1col .post .special-color {
	color:#d84c00;
}

#content1col .post p.special-intro {
 color:#000;
 font-size:14px;
 font-weight:600;
 line-height:22px;
}

#content1col .post p.special-intro-light {
 color:#000;
 font-size:14px;
 font-weight:normal;
 line-height:22px;
}

#content1col .post p.special-message {
 color:#d84c00;
 font-size:14px;
 font-weight:bold;
 line-height:22px;
}

#content1col .post ul.special-bullet {
 color:#d84c00;
 font-size:14px;
 font-weight:500;
 line-height:22px;
 margin-left:10px;
}

#content1col .post p.special-intro-light-emphsize { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 margin:8px 0 0 0;
 line-height:22px;
 color:#d84c00;
}

/* 2-col content */
#content {
 width:65%;
 float:right;
}

#content .post {
 margin-top:6%;
 margin-left:3%;
 margin-right:8%;
 margin-bottom:3%;
}

#content .showDivider {
 padding-bottom:3%;
 border-bottom:solid 1px #CCC;
}

#content .post h2 {
 font:bold 22px/24px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 10px 0;
}

#content .post h3 {
 font:bold 18px/22px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:20px 0 5px 0;
}

#content .post h3.black {
 font:bold 18px/22px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:20px 0 5px 0;
}

#content .post h3.small {
 font:bold 16px/20px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:20px 0 5px 0;
}

#content .post h4 {
 font:bold 16px/20px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:20px 0 5px 0;
}

#content .post h5 {
 font:bold 14px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0;
 padding-top: 10px;
}

#content .post h6 {
 font:bold 14px/18px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:0;
 padding:15px 0 0 0;
}

#content .post p.small { 
 font:bold 10px/14px Arial, Helvetica, sans-serif; 
 color:#515151;
 margin:0;
 padding:0;
}

#content .post p.caption { 
 font:normal 10px/14px Arial, Helvetica, sans-serif; 
 color:#666;
 margin:0;
 padding:5px 0 5px 0;
}

#content .post p.captionlarge { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:0;
 padding:5px 0 5px 0;
}

.red { color:#d84c00; }

#content .post p.special {
 font:bold 14px/22px Arial, Helvetica, sans-serif; 
 color:#be2d19;
 margin-left:7%;
 padding:0;
}

#content .post p.nospace { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 0 0;
 padding:0;
}

#content .post p { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:8px 0 0 0;
 padding:0;
}

#content .post a:link, #content .post a:visited {
 color:#d84c00;
 text-decoration:none;
}

#content .post a:hover {
 color:#ff5a00;
 text-decoration:underline;
}

#content .post .special-color {
	color:#d84c00;
}

#content .post p.special-intro {
 font:bold 14px/22px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0;
 padding:0;
}

#content .post p.special-intro-light {
 font:normal 14px/22px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0;
 padding:0;
}

#content .post p.special-message {
 font:bold 14px/22px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:0;
 padding:0;
}

#content .post ol.reference { 
 font:normal 10px/14px Arial, Helvetica, sans-serif; 
 color:#515151;
 margin:20px 0 0 20px;
 padding:0 0 5px 0;
}

#content .post ol { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 2px 10px;
 padding:0;
}

#content .post p.return-top { font:normal 12px Arial, Helvetica, sans-serif; color:#999; }
#content .post a.hyperlink { text-decoration:none; color:#000; }
#content .post ol.hyperlinks { list-style:none; margin:0; padding-left:0px; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#d84c00; }
#content .post ul.hyperlinks { list-style:none; margin:0; padding-left:0px; font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#d84c00; }
#content .post li a.hyper:link { text-decoration:none; color:#000; }
#content .post li a.hyper:visited { text-decoration:none; color:#000; }
#content .post li a.hyper:hover { text-decoration:underline; color:#d84c00; }
#content .post li a.hyper:active { text-decoration:underline; color:#000; }
#content .post a.return-top:link { text-decoration:none; color:#999; }
#content .post a.return-top:visited { text-decoration:none; color:#999; }
#content .post a.return-top:hover { text-decoration:underline; color:#d84c00; }
#content .post a.return-top:active { text-decoration:none; color:#999; }


#content .post ul { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 2px 20px;
 padding:0;
}

#content .post ul.sitemap { 
 font:bold 14px/18px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:4px 0 4px 0;
 padding:0;
 list-style:none;
}

#content .post ul.sitemaplvl2 { 
 font:normal 12px/16px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 4px 10px;
 padding:0;
 list-style:none;
}

#content .post ul.sitemaplvl3 { 
 font:normal 12px/16px Arial, Helvetica, sans-serif; 
 color:#000;
 margin:0 0 4px 20px;
 padding:0;
 list-style:none;
}

#content .post ul.benefits { 
 font:normal 12px/18px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:0 0 2px 20px;
 padding:0;
}

#content .post ul.special-bullet {
 color:#d84c00;
 font-size:14px;
 font-weight:500;
 line-height:22px;
 margin-left:10px;
}

#content .post ul.small-special-bullet {
 color:#d84c00;
 font-size:12px;
 font-weight:500;
 line-height:22px;
 margin-left:10px;
}

#content .post p.special-intro-light-emphsize { 
 font:bold 14px/22px Arial, Helvetica, sans-serif; 
 color:#ff9900;
 margin:8px 0 0 0;
 padding:0;
}

#content .post h3.investor-header {
 font:normal 16px/22px Arial, Helvetica, sans-serif; 
 color:#d84c00;
 margin:20px 0 0 0;
 padding:0;
}

#content .post h3.quote {
 font:bold 16px/22px Arial, Helvetica, sans-serif; 
 font-style:italic;
 color:#d84c00;
 margin:10px 0 0 0;
 padding:0;
}

#content .post p.quote-cite {
 font:normal 12px/14px Arial, Helvetica, sans-serif; 
 font-style:italic;
 color:#d84c00;
 margin:5px 0 10px 300px;
 padding:0;
}

.img-float-right {
	float:left; 
	padding:10px 10px 10px 0px;
}
	

/* table format */
.datatable {
	font:normal 11px/13px Arial, Helvetica, sans-serif; 
	}

.datatable tr.shade td {
	background:#669999;
	height:auto;
	color:#FFF;
	}

.datatable tr.shade_grey td {
	background:#999;
	height:auto;
	}
	
.datatable td {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #999;

}


/* form field setup JL style */
#content .post fieldset {
 border:solid 1px #999;
 margin-top:4%;
}

#content .post legend {
 color:#999;
 font-size:50%;
 background:#FFF;
}

#content .post dl {
 font-size:55%;
 margin:5px;
 padding:5px;
}

#content .post dt, #content .post label {
 font-weight:bold;
}

#content .post dd {
 margin:0 0 8px 0;
}

#content .post dt.error {
 padding:5px;
 color:#CC0000;
 background:#FFCCCC;
}

#content .post dd.error {
 padding:5px;
 background:#FFCCCC;
}

#contnet .post dd.error input {
 border:solid 2px #CC0000;
}

.error {
	color:#C30;
}