@charset "utf-8";

/* 
	Document:				inner.css
	Modified date: 			7 july 2010
	Created by:				Chen Koifman
	Deployment version:		inner.css
	Notes:					Contains the design styles for website and
							details on how to use and add styles.
								
	=================================================================
	Style guide, naming conventions, best practices.
	=================================================================
	
	Styles should be in lower case, and alignt to single row, as follows:
	 .class_name { [properties] }
	 
	if there is a long list of style, just break line alined to styles:
	 .class_name { [properties] [properties] [properties] [properties] [properties] 
	 			   [properties] [properties] [properties] [properties] [properties] }
	 			   
	if the class name is long, break the line at the begining of the properties area as follows:
	 .class_name_class_name_class_nameclass_name_class_name 
			{ [properties] [properties] [properties] [properties] [properties] 
	 			[properties] [properties] [properties] [properties] [properties] }
	
	check the global style and keep in mind to use it instead of adding it as a property.
	
	 
*/
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body { background: #000000 url("images/bg.jpg") repeat-x top; font-family: arial; font-size: 12px; color: #666666; }
body.home { background: #000000 url("images/bg_home.jpg") repeat-x top; font-family: arial; font-size: 12px; color: #666666; }

h1 { font-size: 36px; font-weight: normal; color: #1fb4d8; }
h2 { font-size: 19px; font-weight: normal; color: #666666; }
h3 { font-size: 14px; font-weight: bold; color: #119dbe; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clear-simple{ width: 100%; overflow: hidden; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.center-margin { margin-left: auto; margin-right: auto; }
.left-margin { margin-left: 10px; }
.right-margin { margin-right: 10px; }
.top-margin { margin-top: 10px; }
.bottom-margin { margin-bottom: 10px; }
	

a:link, 
a:visited, 
a:focus, 
a:active { font-weight: normal; color: #1fb4d8; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; }

.lightcolor { color: #1fb4d8; }
.darkcolor { color: #0d7892; }
.textcolor { color: #1287a4; }
.whitecolor { color: #ffffff; }

.seperator { background: url("images/demo_seperator.png"); height: 3px; margin: 20px 0; }

.pager { text-align: center; line-height: 25px; margin: 25px 0 10px; }
.pager a { color: #666666; padding: 0 5px; }
.pager a.selected { color: #1fb4d8; font-weight: bold; text-decoration: none; }
.pager .arrrows { padding: 0 0 6px 22px; zoom: 1; }
.pager .lt-arr-enable { background: url("images/pager_arrow_left_lightblue.png") no-repeat; margin-right: 5px;  display: none; }
.pager .lt-arr-disabled { background: url("images/pager_arrow_left_gray.png") no-repeat; margin-right: 5px; }
.pager .rt-arr-disabled { background: url("images/pager_arrow_right_gray.png") no-repeat; margin-left: 5px; display: none; }
.pager .rt-arr-enabled { background: url("images/pager_arrow_right_lightblue.png") no-repeat; margin-left: 5px; }

.lightbox { display: none; position: absolute; left: 0; width: 100%; height: 100%; z-index: 100000000000; background: #000000; background: url("images/lightbox_bg.png"); }
.lightbox-content { width: 930px; margin: 50px auto 0; background: white; border: 2px solid #0d7892; }
.lightbox-content .content h2 { margin: 20px 0 20px 20px; font-size: 20px; }
.lightbox-content .content .lb-close { background: url("images/close.jpg"); height: 13px; width: 15px; margin-right: 15px; cursor: pointer; }
.lightbox-content-text { margin: 0 auto 12px;; line-height: 18px; border: 1px solid #cbcbcb; padding: 20px; height: 655px; width: 864px; overflow: auto; }
.lightbox-content-text h3 { margin: 10px 0; }

/**** end of global *****/

.main { width: 980px; margin: 0 auto; }

.top-bar { height: 100px; }
.top-bar .logo { float: left; width: 259px; height: 100%; background: url("images/logo.png") 0 6px; }
.top-bar .logo a { display: block; height: 100%; } 
.top-bar .top-bar-right { float: right; width: 710px; height: 100%; }
.top-bar .top-bar-right .company-top-links { text-align: right; margin: 10px 0; }
.top-bar .top-bar-right .company-top-links a { padding: 0 8px; text-decoration: none; font-size: 11px; background:url("images/top_nav_sep.png") no-repeat left center; }
.top-bar .top-bar-right .company-top-links .phone { margin-right: 8px; }
.top-bar .top-bar-right .company-top-links .optout-button { padding: 13px 8px; background: #0d7892; color: #ffffff; border-left: 0; }
.top-bar .top-bar-right .top-nav-links { margin-top: 30px; }
.top-bar .top-bar-right .company-top-links a img { padding-top: 5px; }

.top-nav-links ul { margin: 10px 0; width: auto; overflow: visible;}
.top-nav-links ul li { float: left; }
.top-nav-links ul li a { padding: 0 14px; border-right: 1px solid #0b82a1; text-decoration: none; color: #ffffff; font-size: 15px; }
.top-nav-links ul li a:hover { color: #1FB4D8; }
.top-nav-links ul li.last a { border-right: 0; padding-right: 0; }

/***Main Page Start***/

.main-banner { height: 367px; }

.whatsnew { width: 859px; height: 367px; background: #45ddfe; font-size: 12px; } 
.whatsnew-wrapper { margin-top: 20px; }
.whatsnew .seperator { background: url("images/hp_banner_seperator.png"); width: 490px; height: 5px; }
.whatsnew-title { background: url("images/whatsnew.png") no-repeat; width: 243px; height: 33px; }
.whatsnew-content { width: 550px; height: 350px; color: #041c27; line-height: 18px; margin-left: 40px; }
.whatsnewtext a { color: #041c27; text-decoration: none; margin-top: 10px; display: block; font-weight:bold;}
.whatsnewtext a:hover { color: #041c27; text-decoration: underline; margin-top: 10px; display: block; font-weight:bold;}
.prev-butt-enabled { background: url("images/previous_enabled.png") no-repeat; width: 91px; height: 18px; }
.prev-butt-disabled { background: url("images/previous_disabled.png") no-repeat; width: 91px; height: 18px; }
.next-butt-enabled { background: url("images/next_enabled.png") no-repeat; width: 58px; height: 18px; }
.next-butt-disabled { background: url("images/next_disabled.png") no-repeat; width: 58px; height: 18px; }
.whatsnew-img { background: url("images/whatsnew_img.jpg") no-repeat; width: 196px; height: 266px; margin-right: 55px; }

.hp-contact { width: 859px; height: 367px; background: #0c7892 } 
.hp-contact-wrapper { margin-top: 50px; width: 760px; margin-left: 40px; }
.hp-contact-title { background: url("images/hp_contact_us.png"); width: 164px; height: 25px; margin-bottom: 14px; } 
.hp-contact .frm-lt { width: 278px; }
.hp-contact .frm-rt { width: 330px; margin-left: 33px; } 
.hp-contact .form-row.first { margin-top: 26px; }
.hp-contact .form-row { margin-top: 8px; }
.hp-contact .frm-lt input, .hp-contact .frm-rt textarea { font-family: arial;  font-size: 14px;}
.hp-contact .frm-lt select { height: 22px; font-family: arial;  font-size: 14px;}
.hp-contact label { color: #ffffff; float: left; width: 70px; font-size: 12px; }
.hp-contact .frm-lt label { margin-top: 5px; }
.hp-contact .frm-rt label { width: 150px; font-weight: bold; margin: 8px 0 8px; }
.hp-contact .frm-rt textarea { border: 3px solid #1fb3d7; height: 135px; width: 320px; overflow: auto; }
.hp-contact .frm-btn-wrapper { margin: 153px 0 0 25px; }
.hp-contact .frm-btn input { width: 61px; height: 15px; background: url("images/hp_frm_send.png"); border: 0; font-size: 0; }

.hp-info-bar { height: 50px; /*background: #010608;*/ margin: 13px 0; }
.hp-info-bar .clients-scroller { background: #010608; height: 50px; width: 669px; }
.hp-info-bar .case-studies a { background: url("images/case_studies.jpg") no-repeat; width: 145px; height: 50px; margin-right: 3px; display: block; }
.hp-info-bar .case-studies a:hover { background: url("images/case_studies_hover.jpg") no-repeat; }
.hp-info-bar .key-benefits a { background: url("images/key_benefits.jpg") no-repeat; width: 160px; height: 50px; display: block; }
.hp-info-bar .key-benefits a:hover { background: url("images/key_benefits_hover.jpg") no-repeat; }

.hp-wysiwygs { height: 240px }
.hp-wysiwygs .hp-banner-block { width: 260px; height: 100%; margin-right: 13px; border: 0; }
.hp-wysiwygs .hp-banner-block .banner-content { margin: 80px auto 0; width: 210px; }
.hp-wysiwygs .hp-banner-block .banner-content p { margin-bottom: 10px; line-height: 16px; color: #000000; }
.hp-wysiwygs .hp-banner-block .banner-content a { text-decoration: none; }
.hp-wysiwygs .hp-banner-block .banner-content a span { color: #000000;  }
.hp-wysiwygs .hp-banner-block .mov-wrapper { padding: 3px 0 0 6px; }
.hp-wysiwygs .my-audience { background: transparent url("images/my_audience.jpg"); }
.hp-wysiwygs .my-optimizer { background: transparent url("images/my_optimiser.jpg"); }
.hp-wysiwygs .embedded { background: #ffffff; }
.hp-wysiwygs .embedded .bt-txt { text-align: center; margin: 8px 0 0 0;  }
.hp-wysiwygs .embedded .bt-txt a { font-weight: bold; }
.hp-wysiwygs .rebublic { background: #ffffff; }
.hp-wysiwygs .rebublic img { margin: 3px; }
.hp-wysiwygs .rebublic .brand-link { margin: 3px 0 0 8px; }
.hp-wysiwygs .rebublic .brand-link .the-text span { background: url("images/try_it_now.png"); width: 97px; height: 21px; display: block;  }
.hp-wysiwygs .rebublic .brand-link .the-text a { text-decoration: none; font-size: 11px; }
.hp-wysiwygs .rebublic .brand-link .the-text a span { background: none; width: auto; display: inline; color: #000000; }
.hp-wysiwygs .rebublic .brand-link .brand-arrow { background: url("images/paint_arrowtop.png") no-repeat; width: 38px; height: 37px; margin-left: 11px; }
.hp-wysiwygs .hp-banner-block.last { width: 160px; margin-right: 0; }

.footer { margin: 25px 0 13px; line-height: 34px; }
.footer-top .copyright { color: #949494; }
.footer-logos { width: 415px; text-align: center; }
.footer-links ul li { display: inline; }
.footer-links ul li a { padding: 0 8px; border-right: 1px solid #bababa; text-decoration: none; font-size: 11px; }
.footer-links ul li.first a { padding-left: 0; }
.footer-links ul li.last a { border-right: 0; }
.footer-links ul li a:hover { color:#ffffff; }

.footer-bottom { clear: both; margin-top: 13px; padding-top: 15px; border-top: 1px dotted #475458; }
.languages a, .languages span { display: block; }
.languages a { text-decoration: none; }
.languages .lang-block { width: 35px; text-align: center; margin: 0 10px; }
.languages .lang-block.title { margin-right: 25px; }
.languages .lang-block .flag { height: 12px; width: 16px; margin: 0 auto }
.languages .lang-block .germany { background: url("images/de.jpg"); }
.languages .lang-block .france { background: url("images/fr.jpg"); }
.languages .lang-block .uk { background: url("images/uk.jpg"); }
.languages .lang-block .lang-txt-label { font-size: 11px; color: #1fb4d8; }
.languages .lang-block .lang-txt { font-size: 11px; color: #ffffff; }
.languages .lang-block.selected { border-bottom: 3px solid; }
.credits { line-height: 17px; }
.credits .copyright { color: #949494; }
.credits .credit-text { float: left; height: 17px; margin-right: 10px; }
.credits .inkod-logo { background: url("images/inkod_logo.gif"); width: 114px; height: 17px; float: left; }
.credits .addthis_toolbox { padding: 0px; width:166px; margin: 3px 20px 0 0; border-right: 1px solid #676767; }
.credits .addthis_toolbox a { text-decoration: none; }
.credits .addthis_toolbox .addthis_separator { visibility: hidden; }

/***Main Page End***/

/***Inner Pages Start***/

.header { height: 228px; background: url("images/HeaderSimplyAutomatic.jpg"); }

.breadcrumbs { height:20px; margin:20px 0px; }
.breadcrumbs ul li { display:inline; background: transparent url("images/breadcrumbs_bullet.gif") no-repeat left; }
.breadcrumbs ul li a{ font-size:11px; color:#ffffff; padding:0px 5px 0px 10px; }
.breadcrumbs ul li.first { display:inline; background: transparent; }
.breadcrumbs ul li.first  a{ padding:0px 5px 0px 215px; }
.breadcrumbs ul li.last a{ text-decoration:none; }

.main-content { margin-bottom:40px; }
.main-content .left-bar { width:195px; float:left; }
.main-content .content { width:550px; float:left; margin:0px 20px; }
.main-content .right-bar { width:195px; float:right; }

.left-bar .left-menu ul li { border-bottom:1px solid #ffffff; }
.left-bar .left-menu ul li a { display:block; font-size:13px; color:#ffffff; text-decoration:none;  
						background:#0d7892 url("images/smArrowRight_white45.png") no-repeat 175px center;
						padding:15px 35px 15px 15px; line-height:17px; }
.left-bar .left-menu ul li a:hover { background: #074e60 url("images/smArrowRight_white45.png") no-repeat 175px center; color: #ffffff; }
.left-bar .left-menu ul li a.selected,
.left-bar .left-menu ul li a:active,
.left-bar .left-menu ul li a:focus { background: #1fb4d8 url("images/smArrowRight_white.png") no-repeat 175px center; color: #ffffff; }
.left-bar .left-menu ul li.last { border:none; }
.left-bar .left-menu ul li.submenu a { background: #ffffff url("images/smArrowRight_white.png") no-repeat 175px center; color: #666666 ;padding:10px 20px 10px 25px;}
.left-bar .left-menu ul li.submenu a:hover { color: #ff42ad; }
.left-bar .left-menu ul li.submenu a.selected { background: #ffffff url("images/blue-bullet.gif") no-repeat 10px 14px; color: #1fb4d8; }

.content .content-in { padding:20px 30px; background-color: #ffffff; min-height: 673px; }
.content .general-header { background: transparent url("images/titleIconMap.png") no-repeat top left; padding-left:50px; padding-bottom:15px; height:40px;}
.content .content-text { line-height: 18px; }  
.content .content-text p { text-align:justify; font-size:13px; color:#666666; margin:10px 0px 15px 0px; overflow: hidden; }
/*.content .content-text img { margin:20px 0px; }*/
.content .content-text iframe { margin:20px 0px; border: black solid 1px; position: absolute; top:63px; left:8px; }

.right-bar .contact-right { background: #1392b2; margin-bottom: 20px;  }
.right-bar .contact-right h2 { color: #ffffff; margin: 20px 0 0 15px; }
.right-bar .contact-right form { margin: 20px 15px; }
.right-bar .contact-right .form-label { line-height: 22px; }
.right-bar .contact-right label { color: #ffffff; }
.right-bar .contact-right input,
.right-bar .contact-right select { width: 162px; height: 24px; }
.right-bar .contact-right textarea { width: 164px; height: 103px; }
.right-bar .contact-right .button-row { margin: 10px 0 0 0; }  
.right-bar .contact-right .form-submit-button { background: url("images/hp_frm_send.png"); width: 61px; height: 15px; margin: 0; }

.right-bar .related-articles,
.right-bar .related-videos,
.right-bar .related-links { border-top:4px solid #1fb4d8; background-color:#ffffff; }
.right-bar .related-articles h2,
.right-bar .related-videos h2,
.right-bar .related-links h2 { font-size:18px; color:#1fb4d8; margin:20px; }

.right-bar .related-articles .ra-list { padding:0px 10px 20px; }
.right-bar .related-articles .ra-list li { overflow: hidden; width: 100%; margin: 0 0 20px 0; }
.right-bar .related-articles .ra-list li a { line-height: 16px; }
.right-bar .related-articles .ra-icon { background: url("images/relatedArticlesBullet.png"); width: 28px; height: 31px; display: block; float: left; margin: 0 8px 0 0; }

.right-bar .related-videos { margin-top: 20px; }
.right-bar .related-videos .video-link-view { margin: 0 10px; border-bottom: 1px solid #d0eff7; margin-bottom: 15px;  }
.right-bar .related-videos .video-link-view.last { border-bottom: 0; }
.right-bar .related-videos .video-link-img { cursor: pointer; margin-left: 7px; }
.right-bar .related-videos .play-icon { background: url("images/play_button.png"); width: 47px; height: 43px; display: block; position: absolute; margin: 22px 0 0 26px; }
.right-bar .related-videos .video-link-desc { margin: 15px 0 15px 7px; color: #666666; }

.right-bar .related-links { margin-top: 20px; }
.right-bar .related-links .rl-list { padding:0px 10px 20px; }
.right-bar .related-links .rl-list li { overflow: hidden; width: 100%; margin: 0 0 20px 0; }
.right-bar .related-links .rl-list li a { line-height: 16px; }
.right-bar .related-links .rl-icon { background: url("images/realted_links_side_arrow.png") no-repeat; width: 28px; height: 31px; display: block; float: left; margin: 0 4px 0 0; }

.content-categories { margin-top: 20px; }
.content-categories .category-item-block { margin-top: 30px; }
.content-categories .category-item-block .category-img { margin-right: 15px; }
.content-categories .category-item-block .category-desc { margin-top: 25px; line-height: 18px; }
.cat-right-width { width: 320px; }
/***Inner Pages End***/

/*** demo page customization ***/
.right-bar.demo { display: none; }
.content.demo { width: 764px; margin: 0 0 0 20px; }
.content.demo h2 { font-size: 24px; }
.content.demo p { margin-bottom: 60px; text-align: left; width: 440px; margin-top: 10px; }
.content.demo h2,
.content.demo p,
.content.demo .in-content-img { padding-left: 40px; }
.content.demo .in-content-img { margin: 0; }
.demo-process .process1 { background: url("images/num1.png") no-repeat top left; padding-left: 40px; height: 30px; line-height: 27px; }
.demo-process .process2 { background: url("images/num2.png") no-repeat top left; padding-left: 40px; height: 100px; line-height: 27px; }
.demo-process .process3 { background: url("images/num3.png") no-repeat top left; padding-left: 40px; height: 65px; line-height: 27px; }
.demo-process .process-title { font-size: 18px; font-weight: normal; }
.demo-process .process-action-title { font-size: 11px; font-weight: normal; }
.demo-process .leftspacer { margin-left: -20px; }
.demo-process .demo-process-logos { margin: 20px 0 20px 45px; }
.demo-process .demo-process-logos img { margin: 0 0 0 0; }
.demo-process .demo-process-logos a { margin-right: 20px; padding-right: 20px; border-right: 1px solid #d0eff7; padding-top: 38px; }
.demo-process .demo-process-logos a.last { border-right: 0; }
.demo-process-img { position: relative; }
.content .content-text .demo-process-banner iframe { position: static; }
/*** end of demo page customization ***/

/*** news page ***/
.news .news-category.first { margin-top: 0; }
.news .news-category { margin-top: 60px; }
.news .news-text { margin-top: 20px; }
.news .news-text .seperator { margin-top: 10px; }
.news .news-category-title-link { font-size: 11px; }
.news .news-category-title-link a { color: #1fb4d8; text-decoration: none; }

.news .news-item.first { margin-top: 0; }
.news .news-item { margin-top: 25px; }
.news .news-item .news-item-date a { color: #16b1e7; text-decoration: none; font-size: 11px; }

.press-releases-title { color: #1fb4d8; background: url("images/result_seperator.png") repeat-x; height: 38px; line-height: 37px; }
.press-release .news-item .pr-date a { color: #a5a5a5; }
/*** end of news page ***/

/*** overview accordion ***/
.content.overview .content-in, .content.faq .content-in  { min-height: 670px; }
.pageContent { width: 492px; }
.pageContent a:active, .pageContent a:focus { outline: 0; }
.accordion { list-style-type: none; padding: 0; margin: 0 0 30px; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #3cf; cursor: pointer; list-style-type: none; padding: 10px 0; margin: 0; float: left; display: block; width: 100%; background: url('images/logos_accordion_bg_out.jpg') no-repeat top; }
.accordion li.active { padding: 0; }
.accordion li.last { background: url('images/logos_accordion_bg_out_last.jpg') no-repeat top; padding: 12px 0; }
.accordion li.last.active { padding: 0; }
.accordion li.last.active div { background: url('images/logos_accordion_last_bottom_border_bg.jpg') center bottom no-repeat; }
.accordion li.active>a { background: url('images/logos_accordion_bg_on.jpg') no-repeat top; padding: 10px 10px; color: #ffffff; }
.accordion li div { padding: 20px 20px 20px 0;  display: block; clear: both; float: left; width: 451px; background: #ffffff; }
.accordion a { text-decoration: none; font: bold 1.3em/2em Arial, sans-serif; color: #222; padding: 0 10px; display: block; cursor: pointer; background: url('open.gif') no-repeat center right; }
.accordion .in-links a { display: inline; }
.accordion .in-links a img { margin: 0; }
/* Level 2 */
.accordion li ul li { background: #ffffff; font-size: 0.9em; }
/*** end of overview accordion ***/

/*** faq ***/
.faq-text { margin-top: 20px; }
.faq-block { margin-top: 60px; }
.faq-block.first { margin-top: 0; }
.faq-block .seperator { margin-top: 10px; }
.faq-item { margin: 5px 0; }
.faq-bullet { /*background: url("images/arrow_right_gray.png") no-repeat 0 5px;*/ width: 7px; height: 15px; }
.content .faq-bullet img { margin: 0; }
.faq-question { cursor: pointer; }
.faq-question-text { width: 465px; margin-left: 15px; }
.faq-answer { width: 465px; padding: 15px; background: #f1fbfe; margin-top: 5px; font-weight: normal; color: #666666; }
/*** end of faq ***/

/*** contact us ***/
.form .form-label { color: #1fb4d8; margin: 16px 0 8px 0; }
input { border: 1px solid #cccccc; width: 200px; height: 18px; color: #666666; }
select { border: 1px solid #cccccc; width: 200px; height: 22px; color: #666666; }
textarea { width: 100%; height: 180px; color: #666666; }
.form-row.button-row { text-align: right; }
.form-submit-button { background: url("images/submit.png"); width: 100px; height: 40px; margin: 30px 0 45px 0; border: 0; cursor: pointer; }


.contact-details-block { width: 147px; margin-right: 20px; background: url("images/short_paint_sep.png") no-repeat bottom center; padding-bottom: 15px; }
.contact-details-block.last { margin-right: 0; }
.contact-details-block .top-spacer { margin-top: 10px; }
.details-block-title { font-weight: bold; line-height: 48px; background: url("images/short_paint_title_sep.png"); } 
.details-block-address { height: 50px; } 
.details-block-country { font-weight: bold; } 
.details-block-phones { height: 34px; }
/*** end of contact us ***/