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

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

.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: 112px;
    width: 208px;
    border: 1px solid #c6c6c6;

}

.elqFormFieldnew_ges {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    height: 170px;
    width: 208px;
    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;
}