/*
* IFAP2012 V1.0
* Copyright 2012, IFA Portals
* www.ifaportals.co.uk 
*/


/* #Reset & Basics
================================================== */

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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; 
}

body {
line-height: 1; 
}

ol, ul {
list-style: none; 
}

blockquote, q {
quotes: none; 
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; 
}

table {
border-spacing: 0; 
}


/* #Basic Styles
================================================== */

body {
background: #ffffff;
font: normal normal normal 14px/21px Arial, sans-serif;
color: #404041;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
font: normal normal normal 14px/21px Arial, sans-serif;
color: #000000;
}

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

h1 { 
font: normal normal normal 25px/27px 'Ubuntu', sans-serif;
color: #ffffff;
margin-bottom: 10px;
}

#header-short #banner-title h1 {
font: normal normal normal 24px/26px 'Ubuntu', Arial, sans-serif;
color: #1C3F94;
padding: 0;
margin-bottom: 10px; 
/* text-shadow: 1px 1px 1px #ffffff; */
text-decoration: none;
}

h2 { 
font: normal normal normal 25px/27px 'Ubuntu', sans-serif;
color: #404041;
margin-bottom: 10px;
/* text-shadow: 1px 1px 1px #ffffff; */
}

h3 {
font: normal normal normal 20px/24px 'Ubuntu', Arial, sans-serif;
color: #1C3F94;
margin-bottom: 10px;
padding-top: 10px; 
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
}

#home h3 {
padding-top: 0;
}

h3 a {
text-decoration: none;
color: #1C3F94;
}

h3 a:hover {
color: #8DC63F;
text-shadow: none;
}

h4 { 
font: normal normal normal 14px/21px 'Ubuntu', Arial, sans-serif;
color: #000000;
margin-bottom: 4px; 
}

.api-ul {
list-style-type: square;
margin-left: 15px;
}

.api-ul li, .api-ul li a {
color: #5469AB;
font: normal normal normal 14px/21px Arial, sans-serif;
margin-bottom: 4px; 
}

.api-ul li a:hover { 
color: #1C3F94; 
}

h5 {
font: normal normal normal 14px/21px Arial, sans-serif;
color: #000000; 
}

h6 {
font: normal normal normal 14px/21px Arial, sans-serif;
color: #000000;
}

.subheader { 
color: #777; 
}

p { 
margin: 0 0 20px 0;
color: #404041; 
}

p img { 
margin: 0; 
}

p.lead { 
font-size: 21px; line-height: 27px; color: #777;  
}

b {
font-weight: bold;
}

em { 
font-style: italic; 
}

strong { 
font-weight: bold; color: #333; 
}

small { 
font-size: 80%; 
}

/*	Blockquotes  */
blockquote, blockquote p { 
font-size: 17px; 
line-height: 24px; 
color: #777; 
font-style: italic; 
}

blockquote { 
margin: 0 0 20px; 
padding: 9px 20px 0 19px; 
border-left: 1px solid #ddd; 
}

blockquote cite { 
display: block; 
font-size: 12px; 
color: #555;
}

blockquote cite:before { 
content: "\2014 \0020"; 
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { 
color: #555; 
}

hr { 
border-top: 4px dotted #D0D2D3;
border-bottom: none;
border-right: none;
border-left: none;
margin: 40px 0 30px 0; 
clear: both; 
height: 0; 
}

.doc-list hr { 
border-top: 4px dotted #D0D2D3;
border-bottom: none;
border-right: none;
border-left: none;
margin: 15px 0; 
clear: both; 
height: 0; 
}

.fleft {
float: left;
}

.fright {
float: right;
}

/* #Links
================================================== */

a { 
text-decoration: none; 
outline: 0;
color: #878ABE;
}

a:hover, a:focus { 
color: #1C3F94; 
}

p a, p a:visited { 
line-height: inherit;
}


/* #Lists
================================================== */

ul, ol { 
margin-bottom: 20px; 
}

ul { 
list-style: disc; 
}

ul.inputs-list, #about-us ul {
list-style: none;
}

ol { 
list-style: decimal; 
}

ol, ul.square, ul.circle, ul.disc { 
margin-left: 30px; 
}

ul.square { 
list-style: square outside; 
}

ul.circle { 
list-style: circle outside; 
}

ul.disc { 
list-style: disc outside; 
}

ul ul, ul ol, ol ol, ol ul { 
margin: 4px 0 5px 30px; 
font-size: 90%;  
}

ul ul li, ul ol li, ol ol li, ol ul li { 
margin-bottom: 6px; 
}

li { line-height: 18px; 
margin-bottom: 12px; 
}

ul.large li { 
line-height: 21px; 
}

li p { 
line-height: 21px; 
}

/* #Images
================================================== */

img.scale-with-grid {
max-width: 100%;
height: auto; 
}

img {
display: block;
}


/* #Buttons
================================================== */


/* #Forms
================================================== */


/* #Misc
================================================== */

.remove-bottom { 
margin-bottom: 0 !important; 
}

.half-bottom { 
margin-bottom: 10px !important; 
}

.add-bottom { 
margin-bottom: 20px !important; 
}


/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
    
    #responsive-nav {
	display: none;
	}
	
	#responsive-logo {
	display: none;
	}	



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

		#responsive-logo {
		display: none;
		}
		
		#banner-image {
		position: absolute;
		bottom: 0px;
		}
		
		#banner-image img {
		max-width: 100%;
		height: auto;
		}
		        
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        
		#horizontal-nav {
		display: none;
		}
	
		#responsive-nav {
		display: block;
		background: none;
		padding: 0;
		}
		
		#responsive-nav select {
		width: 100%;
		clear: both;
		}
		
		#header-background, header {
		height: 500px!important;
		}
		
		#header-short-background {
		background: url('/themes/ifap2012/images/IFAP_header_short_bg.png') repeat-x;
		width: 100%;
		height: 190px!important;
		}
		
		#header-short {
		height: 190px!important;
		position: relative;
		}

		#logo {
		display: none;
		}
		
		#responsive-logo {
		display: block;
		margin: 20px 0;
		}
		
		#responsive-logo img {
		max-width: 100%;
		height: auto; 
		}
		
		#top-bar {
		display: none;
		}
		
		#banner-image {
		display: none;
		}
		
		#banner {
		position: absolute;
		bottom: 10px!important;
		height: auto!important;
		}
		
		#banner p {
		display: none;
		}
		
		#banner-short {
		position: absolute;
		bottom: 10px!important;
		height: auto!important;
		}
		
		#main-features {
		display: none;
		}
		
		#sign-up {

		}
		
		#sign-up h2 {
		color: #8DC63F;
		}
				
		#secondary-content h2:before, #secondary-content h2:after, #sign-up h2:before, #sign-up h2:after {
		background: none!important;
		}
		
		#footer-inside {
		background: none!important;
		}
		
		#more-features h2, #other-services h2 {
		margin-bottom: 10px!important;
		}
		
		.service-content {
		padding-top: 20px;
		}
		
		.nav {
		margin-bottom: 20px!important;
		}
		
		.arrow-left {
		display: none!important;
		}
		
		.the-team-desc-bg, .testimonial-desc-bg {
		margin-left: 0px!important;
		margin-top: 20px;
		}
		
		#left-sidebar .features-list {
		display: none;
		}
		
		.website-thumbnail {
		margin-bottom: 20px;
		}
				
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        
		#horizontal-nav {
		display: none;
		}
	
		#responsive-nav {
		display: block;
		}
		
		#responsive-logo {
		display: block;
		}
		
		#responsive-logo img {
		max-width: 100%;
		height: auto; 
		} 		        
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    /* #IFAP Theme Styles
================================================== */

#header-background {
/* background: url('/themes/ifap2012/images/IFAP_header_bg.png') repeat-x; */
background-color: #8dc63f;
width: 100%;
height: 500px;
}

#header-short-background {
/* background: url('/themes/ifap2012/images/IFAP_header_short_bg.png') repeat-x; */
background-color: #8dc63f;
width: 100%;
height: 300px;
}

#header-short {
height: 300px;
position: relative;
}

header {
height: 500px;
position: relative;
}

#top-bar {
height: 75px;
}

#contact-us {
margin-top: 35px;
}

#contact-us h3, #contact-us h3 a {
margin: 0;
padding: 0;
color: #FFFFFF;
text-shadow: none;
font: normal normal normal 18px 'Ubuntu', Arial, sans-serif;
}

/* LOGIN */

#login {
margin-top: 35px;
text-align: right;
float: right;
}

.sign-in {
}

.sign-in a {
text-decoration: none;
color: #ffffff;
}

.register {

}

.register a {
text-decoration: none;
color: #ffffff;
}

.logged-in p, .logged-in a {
text-decoration: none;
color: #1C3F94;
}

#search-bar {
float: right;
margin-right: 10px;
}

.ifap-search-block-form, .ccm-search-block-form {
margin-top: 35px;
float: left;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.1);
}

.ifap-search-block-text, .ccm-search-block-text {
float: left;
width: 132px;
height: 12px;
padding: 5px;
border: 1px solid #BBBDBF;
color: #BBBDBF;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 3px;
}

.ifap-search-block-submit, .ccm-search-block-submit {
float: left;
width: 24px;
height: 24px;
border: none;
border-radius: none;
background-color: none;
background: url(/themes/ifap2012/images/IFAP_search_button.png) no-repeat;
background-position: top 0 left 0;
text-indent: -9999px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-webkit-transition: background-position 0.5s ease;
-moz-transition: background-position 0.5s ease;
-o-transition: background-position 0.5s ease;
transition: background-position 0.5s ease;
}

.ifap-search-block-submit:hover, .ccm-search-block-submit:hover {
background-position: 0px -20px;
cursor: pointer;
-webkit-transition: background-position 0.5s ease;
-moz-transition: background-position 0.5s ease;
-o-transition: background-position 0.5s ease;
transition: background-position 0.5s ease;
}

/* LOGO */

#logo {
height: 50px;
}

/* NAVIGATION */

#controls li {
    display: block;
}
#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}
#controls li .hover_controls {
    float: right;
    display: none;
}
#controls li:hover .hover_controls {
    display: block;
}


#navigation-bar {
/* background: url(/themes/ifap2012/images/IFAP_nav_bg.png) no-repeat; */
height: 50px;
}

nav {
height: 50px;
background: #1C3F94;
padding-left: 20px;
}

nav ul {
list-style: none;
float: right;
margin: 0;
padding: 0;
height: 50px;
}

nav ul li, nav ul li a {
float: left;
}

nav ul li {
text-align: center;
background: url('/themes/ifap2012/images/IFAP_nav_spacer2.png') no-repeat;
padding: 0px 5px 0 25px;
margin: 0;
position: relative;
/*
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
transform: rotate(22.5deg);
*/
}

nav ul li a {
text-decoration: none;
font: 700 normal normal 13px/50px 'Ubuntu';
text-transform: uppercase;
color: #ffffff;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
}

nav ul li a:hover, nav ul li a.nav-selected {
color: #8DC63F;
text-shadow: none;
-webkit-transition: color 0.25s ease; 
-moz-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
transition: color 0.25s ease;
}

nav ul li ul {
height: auto;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
background-color: rgba(0,0,0,1);
/*
background-color: rgb(141,198,63);
background-color: rgba(141,198,63,0.9);
background-image: url(/themes/ifap2012/images/IFAP_sub_nav_arrow.png) no-repeat;
background-position: top;
-moz-box-shadow:    0px 2px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 3px 3px rgba(0,0,0,0.2);
box-shadow:         0px 3px 2px 3px rgba(0,0,0,0.2);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-khtml-border-radius: 7px;
*/
z-index: 25;
}

nav li:hover > ul {
opacity: 1;
position: absolute;
top: 50px;
-webkit-transition: opacity 0.25s ease; /* For chrome & safari */
-moz-transition: opacity 0.25s ease; /* For mozilla firefox */
-o-transition: opacity 0.25s ease; /* For opera */
transition: opacity 0.25s ease;
}

nav ul li ul li {
margin: 0;
padding: 0;
background: none;
height: auto;
}

nav ul li ul li a {
border: none;
width: 150px;
text-align: left;
margin: 0;
padding: 10px 15px;
text-decoration: none;
font: 400 normal normal 13px 'Ubuntu';
text-transform: none;
color: #ffffff;
background: url(/themes/ifap2012/images/IFAP_sub_nav_spacer.png) no-repeat;
background-position: bottom;
}

nav ul li ul li a:hover, nav ul li ul li a.nav-selected {
color: #8dc63f;
}

nav ul li ul li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}

nav ul li ul li a, nav ul li ul li ul li a {
}

.arrow {
/* background: url(/themes/ifap2012/images/IFAP_sub_nav_arrow.png) no-repeat; */
width: 100%;
height: 15px;
position: absolute;
top:-15px;
}

/* BANNER */

#banner {
position: absolute;
bottom: 3px;
height: 340px;
}

#banner-short {
position: absolute;
bottom: 4px;
height: 135px;
}

#banner-title {
float: left;
margin-top: 40px;
}

/*
#banner-title h2 {
font: normal normal normal 28px/30px 'Ubuntu', Arial, sans-serif;
color: #1C3F94;
padding: 0;
margin-bottom: 10px; 
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none;
}

#banner-title h3 {
font: normal normal normal 22px/26px 'Ubuntu', Arial, sans-serif;
color: #000000;
padding: 0;
margin-bottom: 10px; 
text-shadow: 1px 1px 1px #ffffff;
text-decoration: none;
}
*/

#banner-title h2 {
font: normal normal normal 28px/30px 'Ubuntu', Arial, sans-serif;
color: #1C3F94;
padding: 0;
margin-bottom: 20px; 
/* text-shadow: 1px 1px 1px #ffffff; */
text-decoration: none;
}

#banner-title h3 {
font: normal normal normal 18px/24px 'Roboto', Arial, sans-serif;
color: #FFFFFF;
padding: 0;
margin-bottom: 10px; 
/* text-shadow: 1px 1px 1px #ffffff; */
text-decoration: none;
}

#banner-buttons {
}

#banner-image {
float: right;
}

/* BREADCRUMB */

#breadcrumb {
width: auto;
height: 20px;
border:1px solid #dedede;
margin-top: 15px;
margin-bottom: 10px;
padding-right: 10px;
background-color: #ffffff;
}

#breadcrumb li {
float:left;
color: #646464;
padding-left:10px;
list-style-type:none;
text-transform: uppercase;
font: normal normal normal 11px/20px Arial, sans-serif;
}

#breadcrumb a {
background:url(/themes/ifap2012/images/IFAP_breadcrumb_bg.png) no-repeat right center;
display:block;
padding:0 15px 0 0;
text-decoration: none;
color: #969696;
}

#breadcrumb a:hover {
color: #646464;
}

/* MAIN FEATURES */

#main-features {
padding: 40px 0 40px 0;
background: #ffffff url(/themes/ifap2012/images/IFAP_grain_bg.png) repeat;
}

#main-features h2 {
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 10px;
position: relative;
margin-bottom: 20px;
color: #8DC63F;
}

#main-features h2:before {
content:"";
width:42%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line.png) repeat-x 0 0;
position: absolute;
top: 12px;
left: 0px;
}

#main-features h2:after {
content:"";
width:42%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line.png) repeat-x 0 0;
position: absolute;
top: 12px;
right: 0px;
}

#main-features .featured-thumbnail {
width: 100px;
height: 100px;
float: left;
}

#main-features .featured-text {
width: 200px;
float: left;
}

#main-features .featured-desc {
width: 200px;
float: left;
}

/* MAIN VIEW */

#main-view {
background: #ffffff url(/themes/ifap2012/images/IFAP_grain_bg.png) repeat;
padding: 50px 0;
}

#main-view h2 { 
font: normal normal bold 35px/37px 'Ubuntu', sans-serif;
color: #8DC63F;
margin-bottom: 10px;
/* text-shadow: 1px 1px 1px #ffffff; */
letter-spacing: 1px;
}

.ccm-input-text, div.ccm-field-meta input, div.ccm-field-meta textarea, .ccm-input-date, .ccm-input-password {
font-size: 12px; 
border: 1px solid #aaa; 
color: #404041; 
padding: 4px;
width: 95%;
font: normal normal normal 14px/21px Arial, sans-serif;
}

.ccm-input-text-square {
font-size: 12px; 
border: 1px solid #aaa; 
color: #404041; 
padding: 4px;
width: 16px;
font: normal normal normal 14px/21px Arial, sans-serif;
text-align: center;
}

.ccm-input-textarea {
font-size: 12px; 
border: 1px solid #aaa; 
color: #404041; 
padding: 4px;
width: 95%; 
margin-bottom: 14px;
font: normal normal normal 14px/21px Arial, sans-serif;
min-height: 100px ;
}


select {
width: 99%;
}

.ccm-input-checkbox {
margin: 0 10px 0 0;
padding: 0;
}

.dotted {
border-bottom: 4px dotted #D0D2D3;
}

.fsection-dotted {
border-bottom: 4px dotted #D0D2D3;
padding-top: 10px;
padding-bottom: 10px;
}

.fsection {
padding-top: 10px;
padding-bottom: 10px;
}

.indent, .indent-full {
margin-left: 10px;
}

.indent-full {
margin-bottom: 5px;
}

/* MAIN CONTENT */

#main-content {
background: #ffffff url(/themes/ifap2012/images/IFAP_grain_bg.png) repeat;
padding: 50px 0;
}

#main-content h2 { 
font: normal normal bold 35px/37px 'Ubuntu', sans-serif;
color: #8DC63F;
margin-bottom: 10px;
/* text-shadow: 1px 1px 1px #ffffff; */
letter-spacing: 1px;
}

#main-content ul {
padding-left: 30px;
}

#main-content ul li {
list-style: disc;
}

/* LEFT SIDEBAR */

#left-sidebar {
}

#left-sidebar .nav {
background: #1C3F94;
margin-bottom: 0px;
padding-left: 0px;
}

#left-sidebar .nav li {
text-align: center;
background: url(/themes/ifap2012/images/IFAP_page_list_spacer.png) no-repeat bottom;
margin-bottom: 0px;
height: 40px;
line-height: 40px;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
list-style: none;
}

#left-sidebar .nav li a {
font: normal normal normal 15px 'Ubuntu', sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
}

#left-sidebar .nav li a:hover, #left-sidebar .nav li a.nav-selected {
color: #8DC63F;
text-shadow: none;
}

#right-sidebar {
}

#right-sidebar .nav {
background: #1C3F94;
margin-bottom: 0px;
padding-left: 0px;
}

#right-sidebar .nav li {
text-align: center;
background: url(/themes/ifap2012/images/IFAP_page_list_spacer.png) no-repeat bottom;
margin-bottom: 0px;
height: 40px;
line-height: 40px;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
list-style: none;
}

#right-sidebar .nav li a {
font: normal normal normal 15px 'Ubuntu', sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
}

#right-sidebar .nav li a:hover, #right-sidebar .nav li a.nav-selected {
color: #8DC63F;
text-shadow: none;
}

/* SIGN UP */

#sign-up {
/* height: 250px; */
width: 100%;
padding: 25px 0;
/* background: url(/themes/ifap2012/images/IFAP_sign_up_bg.png) no-repeat center; */
background-color: #1C3F94;
}

#sign-up p,
#sign-up h3 {
color: #FFFFFF;
}

#sign-up h2 {
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 10px;
position: relative;
color: #FFFFFF;
}

#sign-up h2:before {
content:"";
width:43%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line.png) repeat-x 0 0;
position: absolute;
top: 12px;
left: 0px;
}

#sign-up h2:after {
content:"";
width:43%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line.png) repeat-x 0 0;
position: absolute;
top: 12px;
right: 0px;
}

#sign-up-header {

}

#step-one {
background: url(/themes/ifap2012/images/IFAP_register_as_user2.png) no-repeat;
background-position: center top;
padding-top: 80px;
}

#step-two {
background: url(/themes/ifap2012/images/IFAP_fill_in_your_details2.png) no-repeat;
background-position: center top;
padding-top: 80px;
}

#step-three {
background: url(/themes/ifap2012/images/IFAP_we_build_your_site2.png) no-repeat;
background-position: center top;
padding-top: 80px;
}

#step-four {
background: url(/themes/ifap2012/images/IFAP_use_our_api2.png) no-repeat;
background-position: center top;
padding-top: 80px;
}

/* MORE FEATURES */

#secondary-content {
background: #ffffff url(/themes/ifap2012/images/IFAP_grain_bg.png) repeat;
padding: 50px 0 30px 0;
}

#secondary-content h2 {
text-transform: uppercase;
letter-spacing: 1px;
color: #8DC63F;
position: relative;
margin-bottom: 20px;
}

#secondary-content h2:before {
content:"";
width:31%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line_green.png) repeat-x 0 0;
position: absolute;
top: 12px;
left: 0px;
}

#secondary-content h2:after {
content:"";
width:31%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line_green.png) repeat-x 0 0;
position: absolute;
top: 12px;
right: 0px;
}

#more-features .small-featured-content-2, #more-features .small-featured-content-4, #more-features .small-featured-content-6 {
margin-left: 0;
/* clear: left; */
margin-bottom: 30px;
}

#more-features .small-featured-content-3, #more-features .small-featured-content-5, #more-features .small-featured-content-7 {
margin-right: 0;
/* clear: right; */
margin-bottom: 30px;
}

#more-features .small-featured-thumbnail {
width: 30px;
height: 30px;
float: left;
}

#more-features .small-featured-text {
float: right;
width: 240px;
}

/* OTHER SERVICES */

#other-services {

}

#other-services h2 {
text-transform: uppercase;
letter-spacing: 1px;
color: #8DC63F;
position: relative;
}

#other-services h2:before {
content:"";
width:10%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line_green.png) repeat-x 0 0;
position: absolute;
top: 12px;
left: 0px;
}

#other-services h2:after {
content:"";
width:10%;
height:1px;
background:url(/themes/ifap2012/images/IFAP_header_line_green.png) repeat-x 0 0;
position: absolute;
top: 12px;
right: 0px;
}

#other-services .service-thumbnail {
width: 80px;
height: 80px;
float: left;
}

#other-services .service-text {
float: right;
width: 210px;
}

.service-content {
margin-bottom: 20px;
border-bottom: 2px dotted #D0D2D3;
padding-bottom: 20px;
}

/* FOOTER */

footer {
height: auto;
width: 100%;
background: #404041;
padding: 0 0 25px 0;
}

#footer-inside {
/* background: url(/themes/ifap2012/images/IFAP_footer_glow_2.png) no-repeat; */
margin: 0 auto;
padding: 25px 0 0 0;
}

#footer-inside li {
font-size: 13px;
margin-bottom: 8px;
}

#footer-bottom {
margin-top: 25px;
}

#footer-bottom p {
font-size: 13px;
color: #BBBDBF;
}

footer h2 {
font: normal normal normal 18px/21px 'Ubuntu', Arial, sans-serif;
color: #8DC63F;
border-bottom: 1px solid #8DC63F;
padding: 0 0 10px 30px;
margin-bottom: 10px; 
text-shadow: none;
}

footer h2 a { 
text-decoration: none;
color: #8DC63F;
}

footer ul li a {
text-decoration: none;
color: #BBBDBF;
}

footer ul li a:hover, footer ul li a:active {
text-decoration: none;
color: #8DC63F;
}

#support h2 {
background: url(/themes/ifap2012/images/IFAP_footer_support_icon.png) no-repeat;
}

#about-us h2 {
background: url(/themes/ifap2012/images/IFAP_footer_about_us_icon.png) no-repeat;
}

#twitter-stream h2 {
background: url(/themes/ifap2012/images/IFAP_footer_twitter_stream_icon.png) no-repeat;
color: #47C8F5;
border-bottom: 1px solid #47C8F5;
}

#from-the-blog h2 {
background: url(/themes/ifap2012/images/IFAP_footer_from_the_blog_icon.png) no-repeat;
}

#testimonials h2 {
background: url(/themes/ifap2012/images/IFAP_footer_testimonial_icon.png) no-repeat;
}

#testimonials .testimonial-desc p {
color: #BBBDBF;
font-size: 13px;
line-height: 18px;
}

#testimonials p {
color: #8DC63F;
font-size: 13px;
line-height: 18px;
}

#testimonials .big-quotes-left {
font: 40px/30px 'Coustard';
padding: 0 10px 0 0;
}

#testimonials .big-quotes-right {
font: 40px 'Coustard';
}

/* SLIDER */

#slider {
	width:100%;position:relative;overflow:hidden;
}
.slideritem {
	width: 960px;position:relative;float: left;overflow:hidden;clear: right;	}
.slider{
	width: 10000px;
}
#slidernav {
	position:relative;width: 88px;margin-left:auto;margin-right:auto;
	margin-top:30px;
}
.slidernav a {
  	background: url(/themes/ifap2012/images/IFAP_slider_button.png) no-repeat 0 0;
  	float: left; width: 12px;height: 12px;margin: 0 5px;
}
.slidernav a:hover {
  	background: url(/themes/ifap2012/images/IFAP_slider_button.png) no-repeat 0 -24px;
  	float: left; width: 12px;height: 12px;margin: 0 5px;
  	}
.slidernav a.sliderselect {
  	background: url(/themes/ifap2012/images/IFAP_slider_button.png) no-repeat 0 -24px;
  	float: left; width: 12px;height: 12px;margin: 0 5px;
 }
.slidernav a.sliderselect:hover {
  	}
  	
/* TESTIMONIALS */

.testimonial {
margin-top: 40px;
border-bottom: 4px dotted #D0D2D3;
position: relative;
}

.arrow-left {
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 20px solid transparent; 
border-right:20px solid #8DC63F;
z-index: 10;
position: absolute;
top: 20px;
left:120px;
}

span.testimonial-name p {
margin: 3px 0;
padding: 3px 0;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #1C3F94; 
line-height: 11px;
border-bottom: 2px dotted #D0D2D3;
}

.testimonial p a {
text-decoration: none;
color: #1C3F94; 
}

span.testimonial-position p {
margin: 3px 0;
padding: 3px 0;
font-size: 11px;
font-weight: bold;
line-height: 11px;
border-bottom: 2px dotted #D0D2D3;
color: #1C3F94;
}

span.testimonial-company p {
margin: 3px 0;
padding: 3px 0;font-size: 11px;
line-height: 11px;
font-weight: bold;
border-bottom: 2px dotted #D0D2D3;
color: #1C3F94;
}

span.testimonial-desc p {
font-style: italic;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
letter-spacing: 0.5px;

}

.testimonial-desc-bg {
background: #8DC63F;
padding: 20px;
margin-left: 20px;
-moz-box-shadow:    2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}

.testimonial-desc p span.big-quotes-left {
font: normal normal normal 80px/60px 'Coustard';
color: rgba(255,255,255,0.3);
float: left;
padding: 0 10px 0px 0;
}

.testimonial-desc p span.big-quotes-right {
font: normal normal normal 80px 'Coustard';
color: rgba(255,255,255,0.3);
float: right;
padding: 0 0 0 10px;
}

/* FAQ'S */

.faqs {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 4px dotted #D0D2D3;
}

.faqs-question p {
font: normal normal normal 18px/20px 'Ubuntu', Arial, sans-serif;
color: #1C3F94;
margin-bottom: 10px;
cursor: move;
}

.faqs-question p span {
font: normal normal bold 20px/24px 'Ubuntu', Arial, sans-serif;
margin-right: 20px;
}

.faqs-answer p {
font: normal normal normal 18px/20px 'Ubuntu', Arial, sans-serif;
color: #8DC63F;
margin-bottom: 10px;
}

.faqs-answer p span {
font: normal normal bold 20px/24px 'Ubuntu', Arial, sans-serif;
margin-right: 20px;
}

/* FEATURES */

.features {
margin-top: 30px;
padding-bottom: 30px;
border-bottom: 4px dotted #D0D2D3;
}

.features-thumbnail {
width: 100px;
height: 100px;
}

.features-list {
padding: 10px;
}

.features-list-item {
border-bottom: 2px dotted #D0D2D3;
margin-bottom: 20px;
}

.features-list-thumbnail {
float: left;
margin: 0 10px 10px 0;
}

.features-list-item h3 {
padding-top: 0;
margin-left: 40px;
font-size: 16px;
line-height: 18px;
}

.features-list-desc p {
margin-left: 40px;
}

/* THE TEAM */

.the-team {
margin-top: 40px;
border-bottom: 4px dotted #D0D2D3;
position: relative;
}

span.the-team-name p {
margin: 3px 0;
padding: 3px 0;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #1C3F94; 
line-height: 11px;
border-bottom: 2px dotted #D0D2D3;
}

span.the-team-name p a {
text-decoration: none;
color: #1C3F94; 
}

span.the-team-position p {
margin: 3px 0;
padding: 3px 0;font-size: 11px;
font-weight: bold;
line-height: 11px;
border-bottom: 2px dotted #D0D2D3;
color: #1C3F94;
}

span.the-team-desc p {
font-style: italic;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
letter-spacing: 0.5px;
}

.the-team-desc-bg {
background: #8DC63F;
padding: 20px;
margin-left: 20px;
-moz-box-shadow:    2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}

span.the-team-desc p span.big-quotes-left {
font: normal normal normal 80px/60px 'Coustard';
color: rgba(255,255,255,0.3);
float: left;
padding: 0 10px 0px 0;
}

span.the-team-desc p span.big-quotes-right {
font: normal normal normal 80px 'Coustard';
color: rgba(255,255,255,0.3);
float: right;
padding: 0 0 0 10px;
}

/* WEBSITE EXAMPLES */

.website-examples {
position: relative;
border-bottom: 4px dotted #D0D2D3;
padding-bottom: 20px;
margin-bottom: 20px;
}

.website-examples-image-hover {
position: absolute;
left: -9999px;
bottom: 0;
z-index: 10;
background-color: rgb(28,63,148);
background-color: rgba(28,63,148,0.0);
width: 200px;
height: 40px;
padding: 10px;
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

.website-thumbnail a:hover .website-examples-image-hover {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
background-color: rgba(28,63,148,0.8);
width: 200px;
height: 40px;
padding: 10px;
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

.website-thumbnail  {
position: relative;
-moz-box-shadow:    1px 1px 3px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow:         1px 1px 3px 2px rgba(0,0,0,0.2);
max-width: 220px;
}

.example-row {
margin-bottom: 20px;
}


.details {
position: absolute;
bottom: 10px;
width: 200px;
}

.business-name {
margin: 0;
color: #FFFFFF;
text-align: center;
padding: 0;
font: normal normal bold 12px arial;
/* text-shadow: 1px 1px 1px rgba(0,0,0,1.0); */
}

.demo-name {
margin: 0;
color: #FFFFFF;
text-align: center;
padding: 0;
font: normal normal bold 12px arial;
/* text-shadow: 1px 1px 1px rgba(0,0,0,1.0); */
line-height: 40px;
}

.network-name {
margin: 10px 0 0 0;
color: #8DC63F;
text-align: center;
padding: 0;
font: normal normal normal 12px arial;
/* text-shadow: 1px 1px 1px rgba(0,0,0,1.0); */
}

/* PDF ICON */

#ifap-pdf-icon-wrap {
background-color: #F1F1F1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
padding: 0;
margin: 0 0 10px 10px;
}

.ifap-pdf-icon a {
background-image: url(/themes/ifap2012/images/IFAP_documentation_download_button.png);
background-repeat: no-repeat;
width: 150px;
height: 50px;
display: block;
text-indent: -999999px;
margin: 35px auto;
}

.ifap-pdf-icon-blank p {
background-image: url(/themes/ifap2012/images/IFAP_documentation_coming_soon_button.png);
background-repeat: no-repeat;
width: 150px;
height: 50px;
display: block;
text-indent: -999999px;
margin: 35px auto;
}

/* VIDEOS */

.videos-row {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px dotted #D0D2D3;
}

.video-spacer {
margin-bottom: 20px;
border-bottom: 2px dotted #D0D2D3;
}

#left-sidebar .video-thumbnail {
position: relative;
margin-bottom: 20px;
width: 220px;
}

.video-thumbnail {
position: relative;
margin-bottom: 10px;
width: 220px;
}

.video-title {
position: absolute;
top: 10px;
left: 10px;
width: 200px;
}

h4.video-title {
font: normal normal bold 24px/26px 'Ubuntu', sans-serif;
color: rgb(255,255,255);
color: rgba(255,255,255,0.8);
margin-bottom: 0px;
text-shadow: none;
}

.video-length {
position: absolute;
bottom: 10px;
right: 10px;
}

p.video-length {
margin: 0;
padding: 2px 6px;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.7);
border-radius: 3px;
color: #ffffff;
}

p.video-description {
font: normal normal normal 12px/18px Arial, sans-serif;
color: #404041;
margin-bottom: 5px;
}

a.video-button-small {
background: #1C3F94;
background-image: -moz-linear-gradient(top, #1C3F94, #556FAF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1C3F94), to(#556FAF));
background-image: -webkit-linear-gradient(top, #1C3F94, #556FAF);
background-image: -ms-linear-gradient(top, #1C3F94, #556FAF);
background-image: -o-linear-gradient(top, #1C3F94, #556FAF);
-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.2);
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
border: none;
padding: 1px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font: normal normal normal 12px 'Ubuntu';
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 0px;
}

a.video-button-small:hover {
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

a.video-button-small-single {
background: #1C3F94;
background-image: -moz-linear-gradient(top, #1C3F94, #556FAF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1C3F94), to(#556FAF));
background-image: -webkit-linear-gradient(top, #1C3F94, #556FAF);
background-image: -ms-linear-gradient(top, #1C3F94, #556FAF);
background-image: -o-linear-gradient(top, #1C3F94, #556FAF);
-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.2);
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
border: none;
padding: 1px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font: normal normal normal 12px 'Ubuntu';
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
position: absolute;
bottom: 10px;
left: 10px;
}

a.video-button-small-single:hover {
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

/* CONTACT FORM */

.formBlockSurveyTable {
width: 100%;
padding: 0!important;
margin: 0!important;
}

table tr td label {
border: none;
vertical-align: middle;
padding: 0;
margin: 0 20px 0 0;
}

.miniSurveyView table.formBlockSurveyTable td {
vertical-align: top;
padding: 0!important;
margin: 0!important;
}

.miniSurveyView table.formBlockSurveyTable tr {
padding: 0!important;
margin: 0!important;
}

.miniSurveyView table.formBlockSurveyTable td input {
border: 1px solid #AAAAAA;
color: #404041;
font: 14px/21px Arial,sans-serif;
padding: 4px;
width: 95%;
margin: 0 0 20px 0;
}

.miniSurveyView table.formBlockSurveyTable td input:focus, .miniSurveyView table.formBlockSurveyTable td textarea:focus {
-moz-box-shadow:    inset 0 0 3px rgba(82,168,236,0.8);
-webkit-box-shadow: inset 0 0 3px rgba(82,168,236,0.8);
box-shadow:         inset 0 0 3px rgba(82,168,236,0.8);
}

.miniSurveyView table.formBlockSurveyTable td textarea {
border: 1px solid #AAAAAA;
color: #404041;
font: 14px/21px Arial,sans-serif;
padding: 4px;
width: 95%;
margin: 0 0 20px 0;
}

.miniSurveyView td.question {
width: 60px;
padding: 0;
margin: 0;
font: normal normal 14px arial;
color: #444444;
}

.formBlockSubmitButton {
background: #1C3F94;
background-image: -moz-linear-gradient(top, #1C3F94, #556FAF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1C3F94), to(#556FAF));
background-image: -webkit-linear-gradient(top, #1C3F94, #556FAF);
background-image: -ms-linear-gradient(top, #1C3F94, #556FAF);
background-image: -o-linear-gradient(top, #1C3F94, #556FAF);
-moz-box-shadow:    2px 2px 4px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.3);
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
border: none!important;
padding: 5px 20px!important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff!important;
display: inline-block;
font: normal normal normal 16px 'Ubuntu'!important;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
width: auto!important;
}

.formBlockSubmitButton:hover {
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

#main-content .miniSurveyView #msg {
width: 95%;
background-color: #BE1E2D; 
background-image: -moz-linear-gradient(top, #BE1E2D, #CE5662);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BE1E2D), to(#CE5662));
background-image: -webkit-linear-gradient(top, #BE1E2D, #CE5662);border: none;
background-image: -ms-linear-gradient(top, #BE1E2D, #CE5662);
background-image: -o-linear-gradient(top, #BE1E2D, #CE5662);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
color: #FFFFFF;
margin: 0 0 10px 0;
padding: 10px;
}

#main-content .miniSurveyView #msg .error {
width: 95%;
background-color: #FFFFFF; 
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
color: #BE1E2D;
margin: 0 0 10px 0;
padding: 10px;
}

/* CODE */

pre, code {
font-family: monospace;
padding: 15px;
margin: 20px 0;
border: 1px solid #C4DF9B;
background-color: #ffffff;
-moz-box-shadow:    2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
color: #1C3F94;
font-size: 12px;
width: 90%;
overflow: auto;
}

.api-code {
font-family: monospace;
color: #1C3F94;
}

/* PEOPLE IMAGE */

.peopleimage {
width: 130px;
height: auto;
border: 2px dashed #8DC63F;
padding: 10px;
}

/* ALERT HANDLING */

.ifap-error {
font-weight: bold; 
color: #F00F00;
}

.ifap-complete {
font-weight: bold; 
color: #8DC63F;
}

/* MY IFA PORTAL */

.option-move{
	position:relative;width:100%;border:2px dashed #D1D3D4;height:150px;
}	
.option-reorder {
	position:relative;width:100%;border:2px dashed #D1D3D4;height:150px;
}

#available-bg {
	position:absolute;top:0;left:0;width:100%; height:auto;min-height:100px; padding-top:40px; font-size:20px;font-weight:bold;
	text-align:center;color:#878ABC;z-index:-1;
}

#available{
	position:relative;padding:5px; border:2px dashed #878ABC;min-height:100px;z-index:100; margin-bottom: 30px;
}

#selected-bg {
	position:absolute;top:0;left:0;width:100%; height:auto;min-height:100px; padding-top:40px; font-size:20px;font-weight:bold;
	text-align:center;color:#C4DF9B;z-index:-1;
}

#selected {
	position:relative;padding:5px; border:2px dashed #C4DF9B;min-height:100px;z-index:100;
}

	
#optionselection ul {
	margin:2px;padding:2px;
	list-style:none;
	
}	
#optionselection ul {	
	list-style:none;
}

.optionavailable{position:relative;width:600px;height:auto;margin:0px;padding:10px;background:#E0DEF0;z-index:100;}
.optionselected{position:relative;width:600px;height:auto;margin:0px;padding:10px;background:#EEF6E4;}
.optionlogo{float:left;width:100px;height:100px;}
.optiontext{float:left;width:490px;height:auto;padding-left:10px;padding-bottom:10px;}
.optiontitle{float:left;width:70%;height:auto;font-size:14px;font-weight:bold;margin-top:5px;margin-bottom:2px;}
.optionpreviewbutton{float:right;width:60px;text-align:right;margin-top:7px;}
.optionlink{font-size:11px;margin-top:5px;z-index:1000;}
.optioncode{font-size:11px;margin-top:2px;}
.agencycode{font-size:10px;width:75px;border:1px solid #cecece;padding:2px;}
.optiondesc{position:relative;width:100%;height:auto;font-size:11px;}	
.optionclear{clear:both;}
.optionedition{margin-bottom:5px;font-size:12px;}

#optioncategorylabel { 
	font-size:15px;
}	
#optioncategory{
}
.optiondisclosure {
	margin-top:5px;border-top:1px dotted #cecece; padding-top:5px;
}	
.optiondisclosureprompt {
	font-size:11px;
}
.optiondisclosuredefault {display:none};
.optiondisclosuretextarea {border:1px solid #cecece;}
		
#saveresponse {
	position:relative;height:40px;width:500px;
	padding:20px;padding-top:20px; margin-top:20px;font-size:22px;
}		


/* Research Preview */
.optionpreview{position:relative;height:auto;width:500px;margin-top:20px;}
.optionpreviewlogo {
	float:left;	width:150px;height:auto;border:none;
}	
.optionpreviewtext {
	float:left;width:330px;padding-left:20px;font-size:12px;font-family:arial;
}
.optionpreviewtitle, .optionpreviewtitle a {font-weight:bold;border:none;}
.optionpreviewtitle a:link, .optionpreviewtitle a:visited, .optionpreviewtitle a:active{font-weight:bold;border:none;color:#0000ff;text-decoration:underline;}
.optionpreviewtitle a:hover{font-weight:bold;border:none;color:#ca0000;text-decoration:none;}

.optionpreviewdesc { 
margin-top:5px;
}

.optionpreviewnote { margin-top:10px;font-size:11px;color:#666666;text-align:center;}

#dialog-error {
font-size:12px!Important;
color:#ca0000;
padding: 10px;	
}

/* Article Preview */
#ifaparticle {
	
}

.articletitle h2 {
font: normal normal bold 20px/22px arial;
color: #000000;
margin-bottom: 20px;
}

.articleaddthis {
	
}

.articlebody {
	margin-top:20px;
}

.articlebody ul {
margin-left: 30px;
}			

.articlesimilar {
	margin-top:40px;	
}

.articlesimilar h4 {
font: normal normal bold 16px/18px arial;
color: #000000;
margin-bottom: 20px;
}

.articleexpiry{
	font-size:11px;
}
	
.articlefooter {
	border-top:1px solid #cecece;
	padding-top:10px;
	margin-top:20px;
}		



#calcwidth{
	
	//width:600px!Important;
	//background:#ffffff!Important;
	
}

/* OP theme pagelist styles */

#api-docs-pagelist{
	width:100%;margin-bottom:20px;
}

#api-docs-pagelist .colheading {
	font-size:15px;font-weight:bold;padding:0px 0 20px 0;
	border-bottom:1px solid #cecece;
}

#api-docs-pagelist .row {
	font-size:14px;font-weight:normal;padding:10px 0 10px 0;
	border-bottom:1px dotted #cecece;
	
}

/* OP Error codes table styles */

.codehead{
	font-size:15px;font-weight:bold;padding:0px 0 20px 0;
	border-bottom:1px solid #cecece;
}
.coderow{
	font-size:14px;font-weight:normal;padding:10px 0 10px 0;
	border-bottom:1px dotted #cecece;
}

/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; border:none;font-family:arial;background:#66cc00!important;color:#ffffff;
	background-image: linear-gradient(bottom, rgb(119,161,56) 17%, rgb(152,209,67) 77%)!important;
	background-image: -o-linear-gradient(bottom, rgb(119,161,56) 17%, rgb(152,209,67) 77%)!important;
	background-image: -moz-linear-gradient(bottom, rgb(119,161,56) 17%, rgb(152,209,67) 77%)!important;
	background-image: -webkit-linear-gradient(bottom, rgb(119,161,56) 17%, rgb(152,209,67) 77%)!important;
	background-image: -ms-linear-gradient(bottom, rgb(119,161,56) 17%, rgb(152,209,67) 77%)!important;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(119,161,56)),
		color-stop(0.77, rgb(152,209,67))
	)!important;

	}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* TweetCrete */

.ccm-jereme-tweetcrete {
color: #BBBDBF;
}

.ccm-jereme-tweetcrete-timeline {

}

.ccm-jereme-tweetcrete-timeline ul {

}

.ccm-jereme-tweetcrete-timeline ul li {
border-bottom: 2px dotted #D0D2D3;
border-color: #47C8F5;
padding-bottom: 10px!important;
margin-bottom: 10px!important;
font-size: 13px;
}

.ccm-jereme-tweet-text {

}

.ccm-jereme-tweet-text a {
color: #47C8F5;
}

.hidden {
display: none;
}

/* Blog */

#blog-index {

}

#blog-index .entry {
background: #8DC63F;
padding: 20px;
-moz-box-shadow:    2px 2px 2px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow:         2px 2px 2px 0px rgba(0,0,0,0.2);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}

#blog-index .title {
border-bottom: 2px dotted #FFFFFF;
margin-bottom: 10px;
padding-bottom: 10px;
}

#blog-index .title h3 a, #blog-index .title h4, #blog-index .meta a {
color: #FFFFFF;
}

#blog-index .excerpt p {
color: #FFFFFF;
border-bottom: 2px dotted #FFFFFF;
margin-bottom: 10px;
padding-bottom: 10px;
}

#blog-index .meta {

}

#blog-index .blog-entry-divider {

}

#blog-index #blog-index-foot {

}

#blog-index #blog-index-foot #rss {

}

#blogpostheader {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #EDEDED;
background-color: #F0F7E7;
}

#blogpostheader-left {
float: left;
margin-right: 20px;
}

#blogpostheader-left a img {
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

#blogpostheader-right {
float: left;
}

/* Orbit Slider (Testimonials) */

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555555 white;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: transparent;
  }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
  .orbit-container .orbit-slides-container li { 
  	overflow: hidden;
  }
  .orbit-container .orbit-slides-container li p { 
  	padding-left: 5px; 
  	padding-right: 5px; 
  	color: #BBBDBF!important;
  }    .orbit-container .orbit-slides-container img {
      display: block; }
    .orbit-container .orbit-slides-container > * {
      position: relative;
      float: left;
      height: auto; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        width: 100%;
        padding: 10px 14px;
        font-size: 0.875em; }
  .orbit-container .orbit-slide-number {
  	display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0); }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125em; }
  .orbit-container .orbit-timer {
  	display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 100%;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.6);
      display: block;
      width: 0%; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 10px;
      right: 0px;
      width: 11px;
      height: 14px;
      border: solid 4px black;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -6px;
      top: 9px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-right-style: solid;
      border-color: transparent transparent transparent black; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
  	display: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: white;
    text-indent: -9999px !important; }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      display: block;
      width: 0;
      height: 0;
      border: inset 16px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #fff; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #ccc; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #fff;
      left: 50%;
      margin-left: -8px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #ccc; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px; }
  .orbit-bullets li {
    display: block;
    width: 18px;
    height: 18px;
    background: #999999;
    float: left;
    margin-right: 6px;
    border: solid 2px #222222;
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #222222; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 768px) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }

/*
.sign-in {
display:none!important;
}
.register {
display:none!important;
}
span.button-red {
display:none!important;
}
*/

#main-features .featured-thumbnail {
	height: 50px;
	overflow: hidden;
}