/* 
	CSS index: (append = and search to get to the section (=SOMETHING))
		Global:
			- WRAPPER
			- HEADER
			- CONTENT AREA
			- ACTIONS: on the right, contact me, etc.
			- SIDEBAR TABS: on the right, news, hot topics, etc.
			- PROMOTION: the small block for featured promotion at the bottom
			- FOOTER
			- HACKS
		Page Specific:
			- SPOTLIGHT (home)
			- M_CONTENT (home)
			- SIDEBAR (home)
			- 2_INTRO: contains h1, flash, etc.
			- 2_CONTENT (left, two col layout)
			- 2_SIDEBAR (right, two col layout)
			- 3_BREADCRUMBS (left, three col layout)
			- 3_CONTENT (center, three col layout)
			- 3_SIDEBAR (right, three col layout)
			- BASIC_CONTENT FORMATTING
			- LIST_CUSTOMERS: customer list
		
	Color guide:
		canvas #e3e3e3
		text #333
		link #669900
		site options link #006699
		main nav link #333
		nav hover background #5381ac
*/

* {
	margin: 0;
	padding: 0;
}
body {background: #e3e3e3; color: #333; font: normal 62.5%/1.4 Verdana, Arial, lucida, sans-serif;}

/* basic tag definitions */
a {color: #669900; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

fieldset {border: none;}
input {font: normal 100% Verdana, Arial, lucida, sans-serif;}

p.read-more {text-align: right; font-weight: bold;}


h1 {color: #125687; font-size: 1.6em; line-height: 1.2;}
h2 {color: #669900; font-size: 1.2em; margin-bottom: .2em;}
h3 {color: #666; font-size: 1.1em; line-height: 1.2;}
h4 {color: #333; font-size: 1em;}

p {margin: 0 0 1em;}


.img_border {border: 1px solid #c5c5c5; margin-top: 3px;}

/* =WRAPPER */
#wrapper {width: 880px; margin: 0 auto; padding: 0 25px;  background: url(http://www.informatica.com/Style%20Library/images/infa/wrapper_stretch_bg.gif) 0 0 repeat-y;}

/* =HEADER */
#header {position: relative; z-index: 100; width: 880px; margin: 0; padding: 15px 0 7px;}

#logo {display: block; overflow: hidden; height: 38px; width: 151px;}
#logo img {display: block;}

/*  search */
#headerSearch a {float: right; margin: 0; padding: 24px 0 0; color:#333; font-weight:bold; text-decoration: none;}
#headerSearch a:hover {text-decoration:underline;}

/*  external navigation */
#navExternal {clear: both; list-style-type: none; position: absolute; z-index: 1000; right: -63px; top: 36px;}
#navExternal li {display: inline; float: left; line-height: 1;}
#navExternal li a {display: block; padding: 7px 12px; color: #006699; font-size: .9em; font-weight: bold;}
#navExternal li a:hover {text-decoration: underline;}


/*  main navigation */
#navMain {float: left; list-style-type: none; margin: 21px 0 0 -64px;}
* html .navMain {position: relative;}
#navMain li {display: inline; float: left; line-height: 1;}
#navMain li a {display: block; padding: 7px 14px; color: #333; font-size: 1em; font-weight: bold;}
#navMain li a:hover {background: #5381ac; color: #fff; text-decoration: none;}



/* =CONTENT AREA */
#contentArea {padding: 16px 0 50px;}


/* =3_BREADCRUMBS */
#breadcrumbs {float: left; width: 134px; padding: 0 10px 10px 0;}
#breadcrumbs ul {list-style-type: none;}
#breadcrumbs ul ul {margin: 6px 0 0 0;}
#breadcrumbs ul ul ul {margin: 3px 0 0 9px;}
#breadcrumbs li a {color: #333; font-weight: bold;}
#breadcrumbs li li a {color: #666;}
#breadcrumbs li li {margin: 0 0 2px;}
#breadcrumbs li li li a {color: #333; font-weight: normal;}
#breadcrumbs li strong {color: #336699;}
#breadcrumbs li li li strong {font-weight: normal;}



/* = FOOTER */
#footer {position: relative; width: 905px; margin: 21px -25px 0 -25px; padding: 25px 0 35px 25px; background: #e3e3e3 url(http://www.informatica.com/Style%20Library/images/infa/footer_bg.gif) 0 0 no-repeat; color: #4d4d4d;}
#footer a {color: #4d4d4d;}
#footer h2 {color: #4d4d4d;}


#navSitemap {width: 895px; border-collapse: collapse;}
#navSitemap td {padding: 0 30px 30px 20px; vertical-align: top;}
#navSitemap h2 {display: inline; padding: 0 7px 6px 0; font-size: .9em; border-bottom: 1px solid #535353;}
#navSitemap ul {padding: 15px 0 0;}
#navSitemap li {list-style-type: none; padding: 2px 0; font-size: .9em;}

#footerFinal {clear: both; width: 880px; padding: 35px 0 0; text-align: center;}
#footerFinal p {display: inline; font-size: .9em;}
#footerFinal p#copyright {padding-right: 30px;}

/* =HACKS */

/*  clearfix (clearing of floats) */
#header:after, #contentArea:after, div.tabbed_content.active:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header, #contentArea, div.tabbed_content.active {display: inline-block;}

/* Hides from IE-mac \*/
* html #header, * html #contentArea, * html div.tabbed_content.active {height: 1%;}
#header, #contentArea, div.tabbed_content.active {display: block;}
/* End hide from IE-mac */



/* Form BUTTONS */
 
.buttons a{
    display:block;
    float:left;
    margin:2px 7px 0 0;
	background-image:url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif);
	background-repeat:repeat-x;
	background-color:#84ad33;
    border:1px solid #669900;
	height: 11px;
    font-family:Verdana, Arial, sans-serif;
    font-size:100%;
    line-height:140%;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding:3px 10px 6px 10px; /* Links */

}


.buttons button{
	display:block;
    margin:2px 7px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    border:1px solid #669900;
	height: 22px;
	text-transform: capitalize;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding:3px 7px 0px 7px; /* Links */
	background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
	background-color:#84ad33;
	background-repeat: repeat-x;
}
.buttons button{
    width:auto;
    overflow:visible;
	
    padding:4px 10px 3px 7px; /* IE6 */
	
}
.buttons button[type]{
    padding:3px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	
	
	
}
*:first-child+html button[type]{
    padding:0px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color: #84ad33;
    border:1px solid #669900;
	color:#336699;
}
.buttons a:active{
    background-color:#84ad33;
    border:1px solid #669900;
    color:#fff;
}


/* GRAY BUTTONS */

button.gray, .buttons a.gray{
    background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg_gray.gif) ;
	background-color:#ececec;
	color:#4d4d4d;
}
.buttons a.gray:hover, button.gray:hover{
    background-color:#ececec;
    border:1px solid #336699;
    color:#336699;
}
.buttons a.gray:active{
    background-color:#ececec;
    border:1px solid #529214;
    color:#fff;
}

/* end form buttons of buttons */




/* forms style*/
.field_formatting {
	font-family: verdana, arial, sans-serif; 
	font-size: 10px;
}

.required { 
	color: crimson;
	vertical-align:top;
	margin-right:-3px;
}
select { 
	color: #669900; 	
	border: 1px solid #c6c6c6 !important;
	
}

input {
	color: #669900;
	height:13px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
}


.texta { 
 	font-size:9px; 
	margin: 5px 0 0 0; 
	color:#333; 
}


div.form textarea  {
	padding:30px;
}


/* table style*/
		
	
.table_header {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #336699;
	font-weight: bold;
	border-bottom: 1px solid #D8D8D8;
	border-spacing: 5px;
	
	}
	
.table_subheader {
	font-weight: bold;
	padding: 3px 10px 3px 12px;
	font-size: 1.1em;


	}
.table_content {
	padding: 3px 15px 3px 12px;
	background-color:#F2F2F2;
	border-bottom: 5px solid #FFF;
	vertical-align:top;

	}


	
blockquote, ul, ol, dl {
    margin-bottom: 1em;
	padding-right: 50px;
	padding-left: 50px;
}

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

.bluetext { font-size:11px; font-weight:bold; color:#336699;}

.calloutbox {
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	background-color: #F2F2F2;
	padding: 10px;

}

.contact-form {
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	background-color: #F2F2F2;
	padding: 10px;
	height: 450px;	
}

.submit-btn {
	clear: both;
	float: left;
	padding-left: 70px;
	margin-top: 10px;
}

.submitbutton {
color: #fff;
        margin:2px 7px 0 0;
		padding:3px 8px 6px 8px; /* Links */
        border: 0px solid;
      	background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
        background-color: #669900;
        font-family: Verdana, Arial, Helvetica, sans-serif;      
        display: block;
        font-weight:bold;
        height: 20px;
		}

.elqFormSubmit {
color: #fff;
        margin:2px 7px 0 0;
		padding:3px 8px 6px 8px; /* Links */
        border: 0px solid;
      	background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
        background-color: #669900;
        font-family: Verdana, Arial, Helvetica, sans-serif;      
        display: block;
        font-weight:bold;
        height: 20px;
		}

.elqFormFieldnew {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	height: 65px;
	width: 205px;
	border: 1px solid #c6c6c6;

}


.elqFormField {
font-family: verdana, arial, sans-serif; 
font-size: 10px;
} 



.col-left {
	float: left;
	width: 280px;
	padding-left:50px;
	margin-top:10px;
}

.col-right {
	float: left;
	width: 280px;
		margin-top:10px;
	
}

.field1 {
	border: 1px solid #c6c6c6;
	width: 205px;
	font-size: 10px;
	height: 15px;
}
.inner-left, .inner-right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #669900;
	margin-bottom: 3px;
}

.inner-field {
	margin-bottom: 10px;
}
.select1 {
	color: #669900;
	font-size: 10px;
	width: 208px;
	border: 1px solid #c6c6c6 !important;
}