/*
*************************************************************************
ITA Software, Inc. CSS 
VERSION 1.0

CONTENTS
     1. GENERAL LAYOUT
     2. HEADER
     3. SLIDE SHOW
     4. HOMEPAGE AREAS
     5. CAREERS LANDING PAGE
     6. SECONDARY LAYOUT
     7. CUSTOMERS
     8. PRICING AND SHOPPING
     9. CAREERS & PROFILES
    10. ON CAMPUS
    11. MANAGEMENT
    12. NEWS & EVENTS
    13. FOOTER    
	14. SEARCH
	15. SITEMAP   

*************************************************************************
*/

/*
1. GENERAL LAYOUT 
*************************************************************************
*/


/* this cases safari 4 to go crazy ... @charset "utf-8"; */
/* CSS Document */

@import url("superfish.css");
/*@import url("scroll.css");*/

/* Reset default browser styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, input, select, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat:no-repeat;
	background-position:left top;
}

body {
margin:18px 0 40px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

body hr { color: #ccc;
background-color: #ccc;
height: 1px; 
border: none; }

h1,h2,h3,h4,h5,h6 {font-weight:normal;}

ul,li {list-style:none;}
/* 0594e2 is the lighter blue */
a:link  { color: #0faaff; text-decoration:none;}
a:visited {color:#6FCCFF ;  text-decoration:none;}

.contentcol a {text-decoration: underline;} 
#positions a {text-decoration: none; } /* but don't want underlines in careers positions */

div.navcol ul li a:visited  { color: #0faaff;  } /* don't want visited color for left hav looks ugly.*/
div.navcol ul li a:active, div.navcol ul li a:focus, div.navcol ul li a:hover, div.navcol ul li a.active {color:#ff7a21;}	/* this makes sure you don't override the hover states with the above statement */

a:hover, a:focus, a:active {color:#ff7a21;}

a img {border:0;}
.clear {clear:both; line-height:0; font-size:0;}

div.wrapper {width:980px; margin:0 auto;}
#home div.wrapper {width:984px;}

table, td{margin:0;padding:0; vertical-align:top}
a.joblink {white-space:nowrap;}
#tblJobList{width:100%!important; }
.heading, .GridHeader, .GridSubHeader, .SectionHeader {color:#006699;font-size:14px;font-weight:bold;line-height:18px;}
.reg_align input, .reg_align select, .reg_align textarea {border:1px solid #d0d0d0;}
#cmdSearch{margin-top:1em;}
#tblSearch{text-align:left; }
#frmSearch1{width:450px;}
#tblJobDetails b {color:#006699;font-size:14px;font-weight:bold;line-height:18px;padding-bottom:0px;}

/*
2. HEADER 
*************************************************************************
*/

div.header {height:120px; position:relative; z-index:2}
	#home div.header {height:120px; }
a.logo {display:block; height:83px; padding:30px 0 0 166px; width:190px; background-image:url(../images/logo.gif); color:#0594e2; font-size:14px; line-height:16px;}
	a.logo em {color:#ff7a21; font-style:italic; font-size:13px;}
form.search {position:absolute; bottom:6px; right:0; width:160px; height:18px;}
	form.search {bottom:6px;  height:16px; line-height:16px; }
	form.search .searchtext {float:left; border:1px solid #d0d0d0;  height:16px; line-height:16px; width:70px; padding: 0 0 0 17px; background-image:url(../images/bg_magnify.gif);}
	form.search input.text{ font-size:11px; line-height:16px; color:#7b7b7d; width:70px; }
	form.search input.submit {float:left; margin-left:10px; background:#307db1; width:60px; height:18px; line-height:14px; padding:2px 0 3px; text-transform:uppercase; color:#fff; font-size:11px; font-weight:normal;}
/* End Header */

/*
5. CAREERS LANDING PAGE 
*************************************************************************

*/

.careers div.awrap {width:240px; border:0px; background:none; padding:0;}
	.careers div.awrap#positions {width:300px;}
	.careers .contentcol { padding-right: 0px; width: 790px;} /* careers homepage needs less right padding */
	.careers div.positions {padding-left:0px; padding-right:15px;}
	.careers div.positions h4 { font-size: 15px; color: #085F8F; font-weight: bold;  }
	.careers div.area {background: #fff; border: none; padding-top: 0px; }
		div.positions div.scroll {height:287px; overflow:hidden; padding-left:0px;}
		div.positions div.scroll h2 {text-align:left; margin:0; padding:0; color:#000; font-size:12px;}
		div.positions div.scroll p {font-size:11px;}
	div.meet_some {margin-left:37px; }
	div.meet_some a { 
		padding: 8px 8px 8px 0px;
		display: block; 
		height: 58px; 
		float: left; }
	div.meet_some a.first { padding-top: 0px; }	
		
		.careers h3 {color:#ff7a21;  }
		div.meet_some img {border:#CCCCCC 1px solid; float:left; }
		div.meet_some p.title {color:#092e58; font-size:12px; margin-bottom:5px;}
		div.meet_some p.quotation {color:#6d666d; margin-bottom:30px;}
		
	div.twitter {margin-left:20px; padding-right:0px;}
	div#twitter_feed { height: 290px; width:200px; overflow:hidden; float:left; }
	div #twitter_feed ul li { padding-left: 40px; width: 160px; }

	div .actionbutton { height: 50px; 	float: left; width: 200px; padding-top: 35px; }
	div .positions .actionbutton {  padding-top: 40px; }
	div #meet_some  .actionbutton {  padding-top: 42px; }
	div.actionbutton img { margin: 0 auto; }

	
	#equalopportunity { font-size: 9px; margin-top: 40px ;}
	.careers  h3 { margin-bottom: 24px; }
	.careers .scroll {  }
.careers div.awrap		div.news h2 {}
.careers div.awrap		div.news h3.blog {  line-height:20px; color:#519ccf; text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 0 8px;}

.careers div.awrap		div.news a {} div.news a:hover {color:#ff7a21;}
.careers div.awrap		div.news p {margin-bottom:10px;}
.careers div.awrap		div.news span {display:block; padding-bottom:12px;}
	
div.wide_btm {background-image:url(../images/bg_border_wide_btm.gif)}

/* End Careers Areas */


/*
6. SECONDARY LAYOUT
*************************************************************************
*/

div.banner {border-bottom:2px solid #ff7a21; margin-bottom:36px;}
div.navcol {float:left; width:183px; padding-left:2px;}
	div.navcol li a:link, 
	div.navcol li a:visited {display:block; text-transform:uppercase; font-size:11px; line-height:14px; font-weight:bold; width:140px; padding-bottom:9px}
	div.navcol li a:hover, 
	div.navcol li a:focus, 
	div.navcol li a:active, 
	div.navcol li a.active {color:#ff7a21}
		div.navcol li ul {padding-bottom:22px;}
		div.navcol li ul li ul {padding-bottom:0px;}
		div.navcol li ul li ul li ul {padding-bottom:0px;}
		div.navcol li li a:link, 
		div.navcol li li a:visited {text-transform:none; font-weight:normal; color:#666}
		div.navcol li li a:hover, 
		div.navcol li li a:focus, 
		div.navcol li li a:active, 
		div.navcol li li a.active {color:#ff7a21}
div.contentcol {float:left; width:765px; padding-right:30px; padding-bottom:50px;}
	div.contentcol h1 {color:#006699; font-size:28px; line-height:28px; padding-bottom:22px;}
	div.contentcol h2, div.contentcol h3 {color:#006699; font-size:14px; font-weight:bold; line-height:18px; padding-bottom:0px;}
	div.contentcol h3 {color:#ff7a21;}
	div.contentcol p {font-size:12px; line-height:18px;}
		div.contentcol p span.shortlinespacing {line-height:13px;}
		/* short line spacing is a generic style not dependend upon content for claire to use */
		.shortlinespacing {line-height:13px;}
		
	div.contentcol ul {margin:0; padding:0; margin:0 0 10px;}
	div.contentcol li {list-style:none; font-size:12px; line-height:18px; padding-bottom:11px; padding-left:10px; background:url(../images/bullet.gif) no-repeat 0 7px;}
	div.contentcol li ul {margin-top:5px; margin-bottom:0px; /*margin-bottom:-5px;*/}
	div.contentcol li ul li {padding-bottom:3px; background:url(../images/sub_bullet.gif) no-repeat 0 8px; margin-left:10px}
	
	div.contentcol .hlight {color:#006699; font-weight:bold;}
	/*div.contentcol td {vertical-align:top;}*/ 
	div.contentcol blockquote {font-size:11px; line-height:18px; padding:0 25px 18px; width:400px}
		div.col-3 div.col {float:left; width:225px; padding-right:30px;}
		div.col h2 {font-size:14px; line-height:18px; padding:8px 0 4px; color:#ff7a21}
		div.col h3 {font-size:12px; line-height:14px; color:#0594e2}
/* End Secondary Layout */

/*
7. CUSTOMERS
*************************************************************************
*/

div.custlogos {float:left; width:575px; padding-right:25px; margin-top:8px;}
	div.custlogos img {cursor:pointer;}
	div.custlogos p {padding:24px 0 0 120px;}
	div.custlogos div.cs {display:none;}
div.custcasestudy {float:left; width:142px; border-left:2px solid #ebebeb; padding:15px 0 0 18px; min-height:445px; margin-top:8px;}
	div.custcasestudy img {display:block; padding-bottom:14px;}
	div.custcasestudy p {padding-bottom:21px; background-color:#fff} /* background color for ie6 fade in effect */
	div.custcasestudy p.link a {font-size:14px;}
/* End Customers */

/*
8. PRICING AND SHOPPING
*************************************************************************
*/

div.row {float:left; width:765px; padding:20px 0; border-bottom:1px solid #ccc; clear:both;}
	div.first {padding-top:10px;}
	div.last {border-bottom:0px;}
	div.row h2 {float:left; width:180px; text-align:center; padding:42px 0; font-size:22px;}
	div.row div.row_content {float:left; width:565x}
	div.row p {padding-bottom:25px; line-height:16px;}
a.icon {display:block; float:left; width:65px; padding-right:40px; text-align:center; line-height:11px; font-size:10px;}
	a.icon img {display:block; margin:0 auto;}
/* End Pricing & Shopping */

/*
9. CAREERS & PROFILES
*************************************************************************
*/
div.contentcol form.search {position:relative; bottom:auto; right:auto; width:200px; height:18px;}
div.profile_snapshot {float:left; width:350px; padding-right:65px; height:206px}
	div.profile_right {padding-right:0px;}
	div.profile_snapshot p, div.profile_snapshot a {font-size:11px; line-height:16px}
	div.profile_snapshot p {padding-bottom:12px;}
	div.profile_snapshot img {float:left; margin-right:21px; margin-bottom:64px; height:140px; width:110px; border:1px solid #ccc}
	div.profile_snapshot a.name {color:#0594e2}
		div.profile_snapshot a.name:hover {color:#ff7a21}
	div.profile_snapshot .education {color:#ff7a21;}

#profile_header {width:765px; float:left; margin-bottom:30px;}
	#profile_header img {float:left; margin-right:10px; border:#CCCCCC 1px solid;}
	#profile_header table#profile_info {float:left; width:600px; height:149px;}	
	div.contentcol #profile_header table#profile_info td {vertical-align:bottom;}
	#profile_header h1 {margin:0; padding:0;}
	#profile_header p#position {margin-bottom:4px; color:#006699}
	#profile_header p#education {color:#006699; margin:0; line-height:12px;} 
#q_and_a {width:765px; float:left; margin-bottom:30px;}
/* start out with default being closed with the expandable paras */
.wrapper div.contentcol  .expandable { display: none; height: auto; padding-bottom: 5px;  }
.wrapper div.contentcol p.seemore {margin-bottom: 10px; }
	.wrapper div.contentcol p.seemoretight {margin-bottom:0px;}
.expandable ul li { padding: 1px; text-indent:10px; }

div.puzzle {padding:10px; border:#CCCCCC 1px solid;margin-bottom:5px; width: 770px;}
td.puzzleboxbottom td.strawberryfields {font-family:monospace}
div.jobdescriptions p {padding-top:12px;}
	div.jobdescriptions p.firstpara {padding-top:0;}
div.contentcol .jobdescriptions ul { margin: 0; }
div.contentcol .jobdescriptions ul li { padding-bottom: 0px; margin: 0; }
/* End Careers - Profile */

/*
10. ON CAMPUS
*************************************************************************
*/
table#campus_schedule {width:765px}
table#campus_schedule th {text-align:left; padding:5px;}
	table#campus_schedule th#fair {width:470px; text-align:center;}
	table#campus_schedule th#date {}
	table#campus_schedule th#time {}
	table#campus_schedule th#location {}
table#campus_schedule td {padding:10px 0 10px 5px; vertical-align:middle;}
/* End On Campus */


/*
11. MANAGEMENT
*************************************************************************
*/

.bio {float:left; width:765px; padding:0; margin:0 0 40px;}
.bio img {margin-right:25px;}
.bio .bio_text {width:622px; float:left;}
.bio p.hlight {margin:0 0 0px; position:relative; top:-5px; padding:0; font-weight:normal;}
div.contentcol .bio p {margin:0; padding:0;}
p span.title {color:#f88000;}
/* End Management */


/*
12. NEWS & EVENTS
*************************************************************************
*/
div.contentcol h2.year {padding:20px 0 16px;}
div.newsitem {clear:both;}
div.newsitem p {padding-bottom:18px; font-size:11px; line-height:16px; font-size:12px;}
div.newsitem p.date {float:left; width:140px;}
div.newsitem p em {display:block;}
#ita_in_news, #ita_press_release {width:210px; margin:0 75px 0 0; float:left;}
#news_contact {width:100px; float:left; padding-left:20px; border-left:#ff7a21 1px solid; padding-top:20px; padding-bottom:15px;}
#news_contact p {}
div.rss{margin-top:20px; font-size:11px;}
/* End News & Events */

/*
13. FOOTER
*************************************************************************
*/
div.footer {width:765px; padding:0 30px 0 185px; margin:20px auto 0;}
#home div.footer {width:980px; margin:20px auto 0; padding:0;}
	div.offsite {width:173px; margin:0 auto;}
	div.offsite a {height:24px; float:left; text-indent:-9999em; padding-bottom:1px;}
		div.offsite a.linkedin {width:22px; background-image:url(../images/logo-new-linkedin.gif); margin-right:20px;}
		div.offsite a.twitter {width:28px; background-image:url(../images/logo-new-twitter.gif); margin-right:24px;}
		div.offsite a.facebook {width:13px; background-image:url(../images/logo-new-facebook.gif); margin-right:20px;}
		div.offsite a.youtube {width:46px; background-image:url(../images/logo-new-youtube.gif);}		
	div.footer p {clear:both; text-align:center; color:#999; font-size:10px; padding:10px 0 0;}
	div.footer p a:link, div.footer p a:visited {color:#999;} div.footer p a:hover {color:#ff7a21;}
/* End Footer */

/*
14. SEARCH
*************************************************************************
*/
.highlight_word{color:#ff7a21;}
.searchresults p {padding-bottom:12px;}

/*
15. SITEMAP
*************************************************************************
*/
div.sitemap ul li ul li{}
div.sitemap ul a {text-decoration:none}