/*
*************************************************************************
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;}

/*
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 */

/*
3. SLIDE SHOW 
*************************************************************************
*/
div.swrap {position:relative; z-index:1; background:url('/images/bg_slide_shadow.gif') left top repeat-y; padding:0 2px;}
div.slides {border-top:1px solid #7b7b7d; border-bottom:2px solid #ff7a21;  width: 980px; height: 264px;}
div.slides div {display:none;} div.slides div.first {display:block; padding:0;}
a.prevslide, a.nextslide {position:absolute; top:115px; z-index:20; width:34px; height:34px; text-indent:-9999em;}
/* removed next and prev links on banners ... leave in case it gets added again a.prevslide {left:3px; background-image:url(../images/btn_prev.png);} a.nextslide {right:3px; background-image:url(../images/btn_next.png);} */
div.slidenav {position:absolute; top:228px; right:17px; z-index:20}
	div.slidenav a:link, div.slidenav a:visited, div.slidenav a:active {display:inline; float:left; margin:0 8px 0 0; height:22px; width:22px; text-align:center; line-height:22px; font-size:10px; color:#999; background-image:url(../images/bg_numbers-new.png);}
	div.slidenav a:hover {color:#666;} 
	div.slidenav a.activeSlide {font-weight:bold; color:#333;}
/* End Slideshow */	

/*
4. HOMEPAGE AREAS 
*************************************************************************
*/
div.awrap {float:left; width:244px; padding:0 0 2px 1px; background:url('/images/bg_home_inner_shadow.gif') right bottom no-repeat; }
	div.afirst {padding-left:2px; background:url('/images/bg_home_first_shadow.gif') left bottom no-repeat}
	div.last {padding-right:3px; background:url('/images/bg_home_shadow.gif') right bottom no-repeat}
div.area { padding:10px 0 0 0 ; height:330px; font-size:13px;  width:auto; position:relative;}
	div.area h2 {color:#ff7a21; text-align:left; font-size:14px; padding-bottom:9px; padding-top:9px; line-height:20px;}
		div.area h2 a, div.area h2 a:hover {color:#ff7a21;}
	div.area img {display:block;}
	div.area a.arrow {display:block; padding:0 0 12px 13px; font-size:13px; text-indent:-13px; padding-left:13px; color:#0594e2;}
	div.area a.arrow:hover {color:#ff7a21;}
	div.customers {padding-left:35px; padding-right:26px;}
		div.customers div.scroll {height:235px; overflow:hidden; padding-left:00px;}
		div.customers div.scroll img {margin:20px 0;}
		div.customers a.arrow {font-size:12px; text-align:left; padding-top:15px;}
	div.solutions, div.matrix {padding-left:30px; padding-right:25px;}
		div.solutions img, div.matrix img {position:relative; left:-2px;}
		div.solutions p, div.matrix p {line-height:18px; padding:12px 0 25px;}
	div.news {padding-left:35px; padding-right:35px;}
		div.news h2 {}
		div.news a {} div.news a:hover {color:#ff7a21;}
		div.news p {}
		div.news span {display:block; padding-bottom:12px;}
	
/* End Homepage Areas */

/*
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 #twitter_feed ul li.atitacareers { background: url('/images/twitter_itacareers.gif') no-repeat top left; }
	div #twitter_feed ul li.atitasoftware { background: url('/images/twitter_itasoftware.gif') no-repeat top left;  } 
	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 h3.blog a {padding-left:24px;line-height:20px; display:block;  background:url(../images/logo_blog.gif) no-repeat left;}
.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:495px; 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; float:none;}
	div.offsite {width:300px; margin:0 auto; clear:both;}
	div.offsite a {display:inline-block; 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:32px;}
		div.offsite a.twitter {width:28px; background-image:url(../images/logo-new-twitter.gif); margin-right:36px;}
		div.offsite a.facebook {width:13px; background-image:url(../images/logo-new-facebook.gif); margin-right:32px;}
		div.offsite a.youtube {width:46px; background-image:url(../images/logo-new-youtube.gif); background-position:0 3px;}		
		div.offsite #plusoneicon {float:left; padding-top:1px;}
	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;}
	
	div.offsite img, div.offsite a.nwbutton {display:none} /* Hide Neptune Web Edit button */
/* 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}