/* CSS Document 
DESIGN BY 3.7 DESIGNS
http://www.3point7designs.com
*/

/* ============================================
		G L O B A L - V A R S
=============================================== */

html, body {
margin: 0; padding: 0;
background: url(../images/top_bg.gif) center repeat-y #F9F9F9; 
font-family: Arial, Helvetica, San-serif; 
line-height: 1.55em; font-size: 14px; color: #333; }

#pagewidth { 
width: 760px;
margin: 0 auto 0 auto; }

.flash { margin: 0 auto 0 auto; text-align: center; }

#email { width: 100%; }
#email fieldset { padding: 10px; }
#email input { display: inline; }
img { border: 0px; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Garamond, Georgia;}

/* ============================================
		H E A D E R
=============================================== */

#header {
background: url(../images/header_bar.gif) #FFA830 repeat-x top;
height: 112px;  }

#header h1 { background: url(../images/logo.gif) ; float: left; border-bottom: none;
width: 301px; height: 111px; text-indent: -999999px; overflow: hidden; margin: 0;}

h4 { margin-top: 0; }

/* ====== SUB NAGIVATION ===== */

ul#submenu.home { margin-top: 0px !important; }

#cform label { float: left; width: auto; }
#cform input, #cform select { float: right; }
#cform p { clear: both; padding: 5px 0 5px 0; }
#cform { width: 300px; }
.nofloat { float: none !important; }
ul#submenu { float: right; margin: 32px 2px 0; clear: right; font-size: 12px; list-style: none; padding: 0;}

ul#submenu li { float: left;  list-style: none;  padding: 0;  }
#new_contact a { text-indent: -999999px; overflow: hidden; background: url('/images/new_homepage/contact_button.gif'); display: block; 
                width: 94px; height: 41px; padding: 0px !important; 
}
#new_contact a:hover { background-position: -94px 0; }

ul#submenu a { display: block; line-height: 34px; padding: 3px 5px; margin: 0 10px 0 0; font-weight: bold; color: #555; text-decoration: none; }

ul#submenu a:hover { color: #ff8d21; }

ul#submenu a.active { background: #FFA830; color: #FFFFFF !important; }

/* ====== MAIN NAGIVATION ===== */

ul#menu { margin: 0; padding: 2px 0 0 8px; 
list-style: none; clear: both; 
height: 28px; border-top: 1px solid #FFFFFF;
background: url(../images/menu_bg.gif) repeat-x bottom #13375B; }

#menu a {
	display: block; text-decoration: none; font-size: 16px; line-height: 1em; min-height: 20px;
	width: auto; color: #FFFFFF; margin: 0 5px 0 5px; padding: 4px 9px; }
	
* html body #menu a { height: 20px; }
	
a.active { background: #FFFFFF; color: #13375B !important; }

#menu a:hover { color: #FF9900 !important; }



#menu li {
	float: left;
	width: auto; 
	 border-left: 1px solid #45617E; border-right: 1px solid #13375B;
}


#menu li ul li a { font-weight: 100; width: 9em; padding: 3px; background: #45617E; text-align: center; margin: 1px 0 1px 0; font-size: 13px;}

#menu li ul li { font-weight: bold; color: #FF9900; text-align: center; width: 9 em; border-bottom: 1px solid #AEBBC7; width: 8.4em; !important; padding: 2px 0;}

#menu li ul {
	position: absolute;
	width: 8.6em; z-index: 4;
	left: -999em; 
	background: #45617E;
	padding: 10px 0 -10px 0;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

.about { margin-left: 0 !important; width: 123px !important; }
.about li { width: 121px !important; }
.about li a { width: 116px !important; }

.mtools { margin-left: 0px !important; width: 130px !important; }
.mtools li { width: 129px !important; }
.mtools li a { width: 123px !important; }

.booklets { margin-left: -2px !important; width: 118px !important; }
.booklets li { width: 111px !important; }
.booklets li a { width: 111px !important; }

.education { width: 147px !important; }
.education li { width: 144px !important; }
.education li a { width: 139px !important; }

.use { width: 154px !important; }
.use li { width: 152px !important; }

/* =======================================================
                   
				   B R E A D C R U M B S
				 
	==================================================== */
	
#breadcrumbs { margin: 0 0 0 10px; list-style: none; clear: both; padding: 10px 0; font-size: 85%; }
#breadcrumbs li { display: inline; }

ul.root { list-style: none; margin-top: 45px; }

ul.root li a { font-size: 150%; color: #999999; border-bottom: 1px solid #EFEFEF; text-decoration: none; }
ul.root li a:hover { color: #FF6600; }
ul.root li { margin: 10px 0 10px 0; }



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

     				 C O N T E N T
	  
* ======================================================= */

/* CONTENT 1 */
/* ========= */

#content { 
clear: both; background: #F4F4F4;
padding: 20px; margin: 0 10px 0 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; 
}

.tmargin { margin: 20px 0 !important; }

a { color: #1619C5;  }
a:hover { color: #003366; border: none; text-decoration: none;}

.half_col1 {
width: 350px; margin: 0px 0 0;
float: left; }

.half_col1 ul li, .half_col2 ul li { margin: 7px 0 7px 0; }

.half_col2 {
width: 350px;
float: right; }

#content .half_col1, #content .half_col2 { width: 320px;}

.bot_row { clear: both; padding: 30px 0; }

#main_banner { background: url(../images/i-opt-banner.gif); width: 710px; height: 215px; overflow: hidden;
text-indent: -999999px; clear: both; margin: 85px auto 45px auto; border-bottom: none; } 

.clear { clear: both; }

/* CONTENT 2 */
/* ========= */

#content2 {
clear: both; 
padding: 0; margin: 20px 10px 20px 10px; color: #333333; }

#content_new { padding: 0 14px 30px 14px; }

#content3 {
clear: both; 
padding: 0; margin: 20px 10px 20px 10px; color: #333333; }

.report_template #content3 ul { list-style: none; padding: 0; margin: 0; }
.report_template #content3 li { margin: 5px 0 5px 0; }

.people {
background: url(../images/home_graphic1.gif) center center no-repeat; height: 330px; }


#testimonials { 
height: 150px; overflow: auto; 
background: #F8F8F8; padding: 5px; 
} 

ul.no_margin { padding: 0 0 0 25px; margin-left: 0; }
ul.rss-items { /* list-style: url(../images/0177_document.gif); */ margin: 0; padding: 0px; }
ul.rss-items li { margin: 0; }

.articles_wrap {
padding: 0; margin: 0;
height: 100px; overflow: auto;
}

.hover_links a span { display: none; }
.hover_links a:hover span { display: block; margin: -10px; position: absolute;}
.hover_links a { color: #000000; margin: 3px; }
.hover_links a img { border: 1px solid #000000; }

.report_template img.fl { margin: 5px 15px 5px 5px; position: relative; z-index: 5; }
.report_template #content3 li { border-bottom: #EFEFEF 1px solid; clear: left; }

.tabset_content h3 { width: 520px !important; }

/* info */
/* ========= */

#info { padding: 10px 20px 10px 10px; border-right: 3px dashed #CCCCCC; width: 55%; }

#info h1 { color: #13375B; font-size: 3em; border-bottom: 1px solid #EFEFEF; }

.pullquote1 {
width: 220px; 
border-left: 6px solid #DDDDDD; padding: 10px 10px 10px 30px; 
float: right; margin: 10px 0 10px 20px; font-size: 1.3em;}

.pullquote2 {
width: 210px; 
border-right: 6px solid #DDDDDD; padding: 10px 10px 10px 30px; float: left; margin: 10px 20px 10px 0; font-size: 1.4em;}

.newsbutton { padding-left: 5px; }
.news h3 { margin: 35px 0 0 11px; }
.news p { margin-left: 10px; }
.newsimg { padding: 10px 15px; }

#client-button { background: #FFA830; text-align: center; padding: 12px 0; width: 250px; }
#client-button a { color: #000; padding: 15px 0; }


.lcr { width: 300px; }

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

     				 F O O T E R
	  
* ======================================================= */

#footer {
clear: both;
background: url(../images/footer_bg.gif) repeat-x bottom; height: 30px; margin: 0 0 10px 0;
}

#pre_footer {
background: url(../images/cont_bottom.gif) repeat-x;
height: 16px; clear: both;}

#footer p {
margin: 0; text-align: center; font-size: 11px }

img.fl { float: left; }
.fr { float: right; }

#footer p a { color: #00EAFF;padding: -20px 0 0 10px; text-transform: uppercase;}
#footer p a:hover { color: #66FFFF; }


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

             T Y P O G R A P H Y
			 
====================================================== */

h1 { font-size: 1.25em; color: #13375B; line-height: 1.15em; margin: 35px 0 5px 0; }
h2 { font-size: 1.25em; color: #13375B; line-height: 1.15em; margin: 35px 0 5px 0; }
h3 span { text-transform: uppercase; font-size: 12px; letter-spacing: .05em; color: #CC6600; }
h3 { font-size: 1.1em; color: #E3952A; line-height: 1.15em; font-weight: bold; 
margin: 0 15px 30px 5px; }

.left_section { width: 150px; text-align: center; float: right; border-left: 5px solid #CCC; }


.keywords { font-size: 11px; color: #555; }
.movie_row { margin: 30px 0 30px 0; clear: both; border-bottom: 1px solid #ddd; padding: 10px;}
.movie_row h3 span { color: #999;}
.mrleft { width: 525px; float: right; border-left: 5px solid #eee; padding-left: 25px; }
.mrleft h3 { text-decoration: none; }
.mrleft h3:hover { text-decoration: underline; }
.mrleft2 { width: 500px; float: right; border-left: 5px solid #eee; padding-left: 25px; }
.nomargin { margin: 0; }
.border { padding: 1px; border: 1px solid #999; }

.mrleft a { text-decoration: none; color: #e3952a; }
.mrleft h3.brown-title a { color: #808000; }

p { margin-top: 5px; }

.pci-addy {
background: url(../images/pci-addy.gif); margin: 30px auto 0 auto; 
width: 318px; height: 75px; text-indent: -99999px; overflow: hidden; display: block !important;}

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

             B L O C K Q U O T E S
			 
====================================================== */

blockquote { 
margin: 0 0 15px 0; background: url(../images/blockquote.gif) top left no-repeat; padding: 10px; }

blockquote p { margin: 0; }

cite { color: #E3952A; font-style: italic; margin: 0 0 15px 0; border-top: 1px solid #E3952A;}

/* ==================================================
               R O U N D E D C O R N E R S 
=================================================== */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* ==================================================
               R E P O R T - I C O N S
=================================================== */

ul.buttons { list-style: none;
padding: 0; margin: 0 auto 0 auto; }

ul.buttons li { display: inline; margin: 0 25px 0 0px; }

ul.buttons li a { text-decoration: none; padding: 0 0 0 20px; background: url(../images/popular.gif) left no-repeat; }

a.text { background: url(../images/text-file.gif) left no-repeat !important; }


ul.thumbs {
width: 680px; margin: 0 auto 0 auto;
list-style: none; padding: 0;
}

ul.thumbs li { display: inline; float: left; }

.tac { text-align: center; }

/* ==================================================
               TABS
=================================================== */

#tabs {
background: url(../images/icons/tab_bg.gif) center 26px no-repeat;
no-repeat; padding: 0 15px; width: 730px; clear: both; }

ul.tabset_tabs { list-style: none; margin: 0 0 0; padding: 0px;}

ul.tabset_tabs li { display: inline; float: left;}

ul.tabset_tabs li a { text-decoration: none; color: #333333; background: url(../images/icons/add-tab-closed.gif); padding: 5px 0 0 10px;
width: 121px; height: 22px; border-bottom: 1px solid #A1A0A0; display: block; position: relative; z-index: 2; }

ul.tabset_tabs ul li a:hover { color: #FF6600; }

.tabset_content { clear: left; padding: 10px 0; }

.tabset_content img.fr { margin-left: 15px; }

ul.thumbnails li { clear: left; border-top: 1px solid #EEEEEE; }
ul.thumbnails { list-style: none; margin: 0; padding: 0; clear: both; }

/* ==================================================
               CSS POPUPS
=================================================== */

div#popup a span { display: none; }
div#popup a:hover span { width: 300px; background: #CCCCCC; height: auto; border: 3px solid #333333; display: block; position: absolute; z-index: 100; font-size: 12px; padding: 10px; margin: 0 0 0 -150px; left: 50%; line-height: 1.1em; } 

p.highlight { color: #FF0000; font-weight: bold; }

address strong { font-size: 150%; }

/* ==================================================
               CARTOONS
=================================================== */

#cartoon_footer {
background: url(../images/header_bar.gif) #FFA830 repeat-x top;
height: 112px;  }

#content2 object { margin: 0 auto 0 auto; }
#content2 embed { margin: 0 auto 0 auto; }
.lightborder { border: #EEEEEE 3px double !important; }
.more { background: url(../images/more_cartoons.gif) top left no-repeat; }
.adventures { background: url(../images/adventures-in-iopt.gif) top no-repeat; margin: -10px 0; padding: 60px 0 0 0; text-align: center;}

.snowflake { float: right; width:300px; text-align: center; clear: right; }

.snowflake img { border: none; }

#hidden_flash { width: 740px; padding: 10px; text-align: center; position: absolute; z-index: 100; background: #FFFFFF; top: 25px; left: 50%; margin-left: -370px; display: block; border: 2px double #666666; }

.show_flash { }

.tag { font-size: 85%; }

.war_left { width: 340px; float: left; }
.war_right { width: 340px; float: right; }

.war { padding: 0px 0px 40px 0; border-bottom: 1px dotted #dfdfdf;}
dl.war dt { margin: 30px 0 8px 0; font-size: 18px; text-transform: uppercase; font-weight: bold;  }
dl.war dd { margin: 8px 0; padding: 0; }

.war_bottom { padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: 1px dotted #dfdfdf; }

.war h4 { text-transform: uppercase; letter-spacing: .1em; }

.kw_row { font-size: 12px; color: #777; }
.kw_row strong { color: #444; }

#report-contents { height: 260px; padding: 15px 0px;}
#report-contents  ul { list-style: none; padding: 0; margin: 0;  }
.tt-uc { border-bottom: 0px; letter-spacing: .1em; font-size: 14px !important; margin-bottom: 0px; }
#report-contents #other_reports  { }
#report-contents { }
#report-contents #list-reports { width: 280px; height: 360px; padding: 20px; margin: 0px 0px 30px 15px; height: auto; }
#report-contents #list-reports li { float: left; width: 80px; margin-right: 7px; }
#report-contents  .col-left { float: left; width: 415px; margin-right: 15px; }
#report-contents  .col-right { float: left; width: 300px; height: auto; }
#report-contents-right { width: 300px; float: right; }
.learning-report-page#report-contents-right { width: 300px; float: none; display: block; margin: 140px 0 0 0; }

.expand#report-contents { height: auto; }
#report-contents .col-left2 { float: left; width: 300px; margin: 0 25px 0 0; }
.col-left2 .main-title { margin: 0 0 15px 0; }
#two-video-section { float: right; width: 380px; padding: 0 0 30px 30px; }
#two-video-section #video1 { margin: 0 0 15px 0; }


.tt-caps { text-transform: capitalize;}
.tt-uc { text-transform:uppercase;  }
.border-1 { border: 1px solid #aaa; padding: 10px;   }
.col-half { width: 47%; margin-right: 6% !important; float: left; }
.nmr { margin-right: 0 !important; }
.page-icon { margin-top: 0px; }
.page-icon li { list-style: none; background: url(../images/page-icon.gif) center left no-repeat; line-height: 1.1em !important; padding: 0 0 0 15px; margin: 0 0 10px 0; }
.page-icon li a { color: #333; font-size: 12px; padding: 0px;  }
.ptb-15 { padding: 15px 0px }
.orange { background: #aaa; color: #fff; padding: 5px; }
.first-7 { margin-right: 10px; }

#download_survey { background: url(../images/iopt-survey-icon.gif) top left no-repeat; padding: 25px 0 50px 75px;}
labal.error { font-style: italic; margin-left: 10px; background: #ffa830; color: #fff; padding: 2px 5px; display: block; margin: 5px 0 0 0;  }
input.error { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; border-color: #000; background: #ffa830; } 
#cform label.error { width: 290px; padding: 3px; } 


/*	.submenu	*/
#sharethis { padding: 8px 0 !important;}
#sharethis span a.stbutton { padding-left: 23px; border: 0; padding-top: 3px; }
#sharethis span a:hover { color: #000 }
#header #submenu  { padding-left: 0px; } /*
#sharethis span a.stbutton span.stbuttontext { border-bottom:3px solid #FFA830; padding-bottom: 3px; } */

.toon-block { position: relative; }
.toons { position: absolute; display: block; width: 265px; height: 265px; top: 0; right: 0; z-index: 200; }

/* ===================== */
/* = Homepage Clearify = */
/* ===================== */

.f2jnag { display: none; }

#large_banner { width: 736px; margin: 10px -18px 30px -18px; background: url('../images/new_homepage/pullout.gif') no-repeat; padding: 0px 30px 23px 30px;  }

#large_banner h2 { font-size: 18px; }

.lb_left { width: 485px; float: left; }
.lb_right { width: 234px; float: right; padding: 30px 0 0 0; }

#iopt_blogs h2 { font-size: 22px; color: #ffa830; margin: 0 0 8px 0; }
#iopt_blogs h3 { color: #444444; font-size: 14px; margin: 0 0 8px 0; }
#iopt_blogs ul.rss-items { list-style: none !important; background: none; }
#iopt_blogs ul.rss-items li { padding: 3px 0; list-style: none !important;  background: none; }
#iopt_blogs ul.rss-items li a { color: #13375b; font-size: 12px;  background: none; }

.all_posts_link { font-weight: bold; margin: 12px 0 0 0; }
.all_posts_link a { color: #13375b; font-size: 12px; }
.first_blog { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }

.feed_scroll { height: 250px; overflow: auto; }


#email_new { padding: 15px; background: #f4f4f4; border-radius: 12px; text-align: left; margin: 40px 0 0 0; }
#email_new h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #343434; margin: 0 0 8px 0 !important; }
#email_new p { margin: 0 0 16px 0; font-size: 12px; color: #555; }
#email_new input.text_field { border: 1px solid #aaa; padding: 5px; background: #fff; margin: 2px 0 0 0; font-size: 12px !important; width: 150px; font-style: italic; color: #bbb; }
#email_new input.text_field:focus { border: 1px solid #999; color: #333; font-style: normal; }
#email_new input { float: left; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#public #container a.power { display: none !important; }