body, div, ul, ol, li, h1, h2, h4, h3, p {
	margin: 0;
	padding:0;
}  
body {
	background:#6f6f6f url(../images/backgrounds/main_bg.jpg) repeat-x left top;
	text-align:center;
} 
body, input, select,textarea {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 12px;
	color: #333333
}
a {
	text-decoration: underline;
	color: #D99026
}
a:active, a:focus {
	outline: 0 none
}
a:hover {
	color: #01B6DD
}
li {
	list-style-type:none;
	list-style-position: outside
}
p {
	line-height: 18px;
	margin: 10px 0
}
h1 {
	font-size: 20px;
	font-weight: bold;
}
h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0
}
h3 {
	font-size: 14px;
	color:white;
	text-transform: uppercase
}
h4 {
	font-size: 14px
}
h1,h2,h4 {color: #5D5E60}
img {
	border: 0 none
}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;} 

.main_shadow {
    width:998px;
    margin: 0 auto;
    text-align:center;
}
.main_shadow_bottom {
    width:998px;
    margin: 0 auto;
    height: 21px;
    background-image: url(../images/backgrounds/main_bottom_swirl.png);
    background-repeat: no-repeat;
    background-position:left bottom;
    text-align:center;
}
.main_shadow_left {
	margin: 0 auto;
	background: url(../images/backgrounds/main_shadow_left.png) repeat-y left bottom;
}
.main_shadow_right {
	margin: 0 auto;
	background-image: url(../images/backgrounds/main_shadow_right.png);
	background-repeat: repeat-y;
	background-position: right bottom;
}
.main {
	position:relative;
	width: 922px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/backgrounds/main_content_swirl.jpg);
    background-repeat: no-repeat;
    background-position:left bottom;
    background-color: white;    
	padding: 0 19px 70px 19px;
}
.main_sub {
	background: white;
}
.body_container {
	width: 998px;
	margin:0 auto;
}
.main_top {
    clear:both;
    font-size: 0;
    background-image: url(../images/backgrounds/main_top.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin:0 auto;
    height: 40px;
    width:998px;
}
div.header a img {
	width:145px;
	height:62px;
	margin: 15px 0px 0px 40px;
	float: left
}
div.header {
	height: 100px
}
div.header div {
	text-align: right;
	float: right;
	padding: 15px 0px 0 0
}

div.header span.button {float: right}
div.header span.social_links {float: right; margin:15px 5px 0 0}
div.header span.social_links a img {width: 18px; height: 17px; margin:0 0 0 5px}
div.header span.button a {
	background:url(../images/buttons/buttons_sprite.png) no-repeat left -38px;
	text-decoration: none;
	display:inline-block;
	height:29px; 
	padding: 9px 20px 0 20px;
    color: #E6EBEC;
    font-weight: bold; 
    text-transform:uppercase; 
    position: relative
}
div.header span.button a span {
	background: url(../images/buttons/buttons_sprite.png) no-repeat right top;
	position:absolute;
	top:0;
	right:-1px; 
	height:38px;
	width: 20px
}
div.header span.button a:hover {
	background:url(../images/buttons/buttons_sprite_over.png) no-repeat left -38px;
}
div.header span.button a:hover span {
	background:url(../images/buttons/buttons_sprite_over.png) no-repeat right top;
}

.content_area {
	clear: both;
	min-height:550px;
}
.navigation_area {
	float: left;
	width: 218px;
	padding-bottom:20px
}
.navigation_inner {
    background-image: url(../images/backgrounds/navigation_bg.png);
    background-repeat: repeat-y;
    background-position: left center;
}
.navigation_area span.top {
    background: url(../images/backgrounds/navigation_sprite_bg.png) no-repeat left top;
    height: 7px;
    display: block
}
.nav_box_bottom {
    background: url(../images/backgrounds/navigation_sprite_bottom.png) no-repeat left bottom;
    font-size: 0;
    height:10px;
}
.navigation_box div.nav_box, 
.sub_links_chosen {
	width:210px;
	margin-left:4px;
	position: relative
}
.navigation_box div.nav_box a, 
.sub_links_chosen a {
	color:#313539;
	text-transform: uppercase; 
	text-decoration: none;
	font-weight:bold;
	height: 24px; 
	padding: 9px 0 0 15px;
	background: url(../images/backgrounds/nav_bg.png) repeat-x left top;
    border-bottom: 1px solid #C4C7CA;
    border-top: 0 none;
    display:block
}
.navigation_box .first {
	border-top: 1px solid #C4C7CA;
}

.navigation_box div.nav_box a:hover, 
.menu_over {
	background: #fff !important;
	color:#00B5DD  !important;
}
.nav_box .sub_links {
	padding:0 0px 9px 0;
	z-index: 100;
	zoom:1;
	position:absolute;
	top:-7px;
	left:212px;
	background: url(../images/backgrounds/menu_bottom_bgN.png) no-repeat right bottom; 
	color:#CCCCCC;
}
.navigation_box div.nav_box a.selected, 
.navigation_box div.nav_box a.selected:hover, 
.navigation_box div.nav_box .sub_links_selected a {
	background: #6F7682;
	color:#fff;
}
.nav_box .sub_links div.submenu_top {
	background:url(../images/backgrounds/menu_top_bgN.png) no-repeat right top;
	height:9px;
	font-size: 0;
	width:100%
}
.nav_box .sub_links div.submenu_center {
	background:url(../images/backgrounds/menu_center_bgN.png) repeat-y right top;
	padding-right:9px;
	margin-left: -2px;
}

.navigation_box div.nav_box .sub_links .submenu_center  ul {
	margin-top: -2px;
}
.navigation_box div.nav_box .sub_links .submenu_center  ul li {
	display:block
}
.navigation_box div.nav_box .sub_links .submenu_center  ul li a {
	display:block;
	padding: 6px 20px 4px 10px;
	white-space:nowrap; 
	background: none; 
	border: 0 none; 
	text-transform: none
}
.navigation_box div.nav_box .sub_links .submenu_center  ul li a:hover {
	color: #ddd;
	background: #00B5DD;
}
.navigation_box div.nav_box .sub_links .submenu_center  ul li a.selected, 
.navigation_box div.nav_box .sub_links .submenu_center  ul li a.selected:hover, 
.navigation_box div.nav_box .sub_links_selected a:hover {
	font-weight: bold; 
	background: #6F7682 !important;
}
.sub_links_chosen ul li a {
	background: #6F7682;
	padding-left:30px;
	text-transform:none; 
	color: white; 
	font-size: 11px 
}
.sub_links_chosen ul li a:hover {
	color: white
}
*html .navigation_box div.nav_box .sub_links .submenu_center  ul li a {
	width:100%; 
	padding-right:0
}
*+html #nav_about_sub .submenu_center  ul li a {
	width:170px; 
	padding-right:0
}
*+html #nav_products_sub .submenu_center  ul li a {
	width:140px; 
	padding-right:0
}

#nav_about, #nav_about_sub {z-index: 100;}

.spotlight-nav {margin-top: 15px;}
.spotlight-nav .right_rails_main {float: none}

div.trial_block {text-decoration:none;position:relative;display:block;background: url(../images/backgrounds/trial_bg.png) no-repeat center center;width:217px;height:79px;margin:15px 0 0px 0;cursor: pointer;}
div.trial_block:hover {background: url(../images/backgrounds/trial_bg_hover.png) no-repeat center center;}
.trial_block p, .trial_block a {font-size:18px;color:#E6EBEC;text-transform:uppercase;text-align:center;padding-top:26px;
margin:0;font-weight:bold;width:217px}
.trial_block a {display: block;text-decoration: none;padding-bottom: 20px}
.main_content {float: right;width:688px;}
.main_content_wide {background: url(../images/backgrounds/bucket_sprite_bottom.png) no-repeat left bottom;padding-bottom: 8px; width: 686px;margin-bottom: 15px}
.index_space {margin-bottom: 22px}
.main_content_inner {background: url(../images/backgrounds/bucket_bg_left.png) repeat-y 1px center;}
.main_content_inner_r {background: url(../images/backgrounds/bucket_bg_right.png) repeat-y right center;text-align:center}
.main_content_wide span.top, .main_content_inner span.top {background: url(../images/backgrounds/bucket_sprite_top.png) no-repeat left top;height: 6px; display: block;font-size: 0}
.content_piece, .content_piece_narrow {margin:0 auto;text-align:left;width:676px}
.content_piece, .content_piece_sub_narrow {background: #F7F7F7 url(../images/backgrounds/seo_bg.gif) repeat-x left bottom}
.content_piece_sub, .content_piece_sub_narrow {padding: 10px 20px 10px 20px;text-align:left}

.main_content_narrow {background: url(../images/backgrounds/middle_sprite_bottom.png) no-repeat left bottom;padding-bottom: 8px; width: 452px;margin-bottom: 20px}
.main_content_narrow span.top {background: url(../images/backgrounds/middle_sprite_top.png) no-repeat left top;height: 6px; display: block;font-size: 0}
.content_piece_narrow {width:443px}


.footer {clear:both;color: #EEEEEE; font-size:12px;padding: 0px 30px 0px 30px; height: 70px; margin-top:-8px}
ul.footer_links {float: left;}
ul.footer_links a, ul.footer_links a:hover {color: #EEEEEE;text-decoration: none}
ul.footer_links li {display: inline;border-left:1px solid #939394; padding:0 12px}
ul.footer_links li.first {border:0 none;padding-left:0}
.footer span {float:right;}


.header_languages {text-align:right;padding:10px 40px 0px 0;}
.header_languages a {display:inline-block;width:21px;height:13px;float:right}
.header_languages img {width: 16px;height:13px;margin-left:5px;}
.header_text {margin: 30px 0 0 0px;/*color: #00BCE4;*/float:right;font-size: 13px;width: 400px;font-style:italic;text-align:right;padding-right:20px}

/***   home page   ***/
#index_intro .flash_container {float:left;width:380px;margin: 0px; height:290px; }
#index_intro .intro {width: 270px;float: left; padding: 10px 0 0 10px;margin-left:0px}
#index_intro .clients {clear:both;padding:10px 0 10px 30px}
#index_intro .clients img {float:left; margin:0 10px}
#index_intro .clients p {margin: 0;float:left;padding: 5px 10px 0px 0}
div.flash_cntr {padding:10px 5px 0 5px}
#index_intro .intro h2 {color: #5D5E60}
#index_intro .intro h2.line_space {padding-top: 80px;line-height: 20px;text-align: center; font-size: 15px}



/** seo block **/

.tab_terms_active {
    float:left;
    background: url(../images/backgrounds/tab_term1_active.gif) no-repeat left top;
    height:36px;
    display:inline-block
}







/*   old styles to be del   */
/*
.seo_content a:hover {
    color:#00b5dd
}
.seo_content .tab_faq_active a:hover, .seo_content .tab_search_active a:hover, .seo_content .tab_terms_active a:hover {
    color:#333
}
.tab_search_inactive {
    background: url(../images/backgrounds/tab_search1_inactive.gif) no-repeat left top;
    float:left;
    height:36px;
    display:inline-block
}
.seo_content {
    width: 688px;
    height:36px
}
.seo_block {
    background: url(../images/backgrounds/seo_bottom.gif) no-repeat left bottom;
    padding-bottom:8px;
    width: 688px;
} 
.seo_content a {
    margin-left:18px;
    font-weight:bold;
    display:inline-block;
    text-transform:uppercase;
    padding: 10px 10px 0 10px;
    height:26px;
    color:#DDDDDD;
    text-decoration: none
}
.tab_terms_inactive {
    background: url(../images/backgrounds/tab_term1_inactive.gif) no-repeat left top;
    height:36px;
    display:inline-block;
    float:left
}
.tab_terms_inactive a {
    background: url(../images/backgrounds/tab_term2_inactive.gif) repeat-x left top;
    margin-left:5px;
}
.tab_search_Finactive {
    background: url(../images/backgrounds/tab_search1_Finactive.gif) no-repeat left top;
    float:left;
    height:36px;
    display:inline-block
}
.tab_search_inactive a, .tab_search_Finactive a {
    background: url(../images/backgrounds/tab_search2_inactive.gif) repeat-x left top;
    color:#DDDDDD;
}
.tab_faq_inactive {
    float:left;
    height:36px;
    background: url(../images/backgrounds/tab_faq1_inactive.gif) no-repeat left top;
    display:inline-block;
}
.tab_faq_inactive a, .tab_faq_Sinactive a {
    background: url(../images/backgrounds/tab_faq2_inactive.gif) repeat-x left top;
    float:left;
}
.tab_faq_inactive span, .tab_faq_Sinactive span {
    background: url(../images/backgrounds/tab_faq3_inactive.gif) no-repeat left top;
    display:inline-block;
    height:36px;
    width:16px;
    float:left
}
.seo_content_tab_right {
    background: url(../images/backgrounds/seo_top_border.gif) no-repeat right bottom;
    height:36px
}
.tab_terms_active a {
    background: url(../images/backgrounds/tab_term2_active.gif) repeat-x left top;
    margin-left:5px;
    color:#333333;
    cursor:default
}
.tab_search_active {
    background: url(../images/backgrounds/tab_search1_active.gif) no-repeat left top;
    float:left;
    height:36px;
    display:inline-block
}
.tab_search_active a {
    background: url(../images/backgrounds/tab_search2_active.gif) repeat-x left top;
    color:#333333;
    cursor:default
}
.tab_faq_Sinactive {
    background: url(../images/backgrounds/tab_faq1_Sinactive.gif) no-repeat left top;
    float:left;
    height:36px;
    display:inline-block;
}
.tab_faq_Sinactive a {
    background: url(../images/backgrounds/tab_inactiveN.gif) repeat-x left top;
    float:left;
}
.tab_faq_active {
    background: url(../images/backgrounds/tab_faq1_active.gif) no-repeat left top;
    float:left;
    height:36px;
    display:inline-block;
}
.tab_faq_active a {
    background: url(../images/backgrounds/tab_faq2_active.gif) repeat-x left top;
    float:left;
    color:#333333;
    cursor:default
}
.tab_faq_active span {
    background: url(../images/backgrounds/tab_faq3_active.gif) repeat-x left top;
    display:inline-block;
    height:36px;
    width:16px;
    float:left
}
.seo_content_inner_left {
    background: url(../images/backgrounds/seo_left.gif) repeat-y left bottom;
    padding-left:4px
}
.seo_content_inner_right {
    background: url(../images/backgrounds/seo_right.gif) repeat-y right bottom;
    padding-right:4px
}
.content_seo {
    background: #F7F7F7 url(../images/backgrounds/seo_bg.gif) repeat-x left bottom;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding:10px 15px 0 15px
}
*/
/*   old styles to be del   */






/*   new styles  */ 
.seo_content {
    width: 688px;
    height:32px
}
.seo_content a:hover {
    color:#00b5dd
}
.seo_block {
    background: url(../images/backgrounds/seo_bottom.png) no-repeat left bottom;
    padding-bottom:9px;
    width: 688px;
} 
#seo_tab_null, #seo_tab_null_hover_tab1, #seo_tab_null_hover_tab2, #seo_tab_null_hover_tab3 {
	background: none
}
.seo_content a {
    margin-left:18px;
    font-weight:bold;
    display:inline-block;
    text-transform:uppercase;
    padding: 8px 10px 0 10px;
    height:24px;
    color:#333;
    text-decoration: none
}
.tab_terms_inactive {
    background: url(../images/backgrounds/tab_term1_inactiveN.png) no-repeat left top;
    height:32px;
    display:inline-block;
    float:left
}
.tab_terms_inactive  a {
    margin-left:10px;
}
.tab_search_Finactive, .tab_faq_inactive {
    background: url(../images/backgrounds/tab_search1_FinactiveN.png) no-repeat left top;
    float:left;
    height:34px;
    display:inline-block
}
.tab_terms_inactive  a, .tab_search_inactive a, .tab_search_Finactive a, .tab_faq_inactive a, .tab_faq_Sinactive a, .tab_open_hover2 .tab_faq_inactive a {
    background: url(../images/backgrounds/tab_inactiveN.png) repeat-x left top;
    color:#333;
}
.tab_faq_inactive a {
	float: left
}
.tab_faq_Sinactive a {
    float:left;
}
.tab_faq_inactive span, .tab_faq_Sinactive span, .tab_open_hover2 .tab_faq_inactive span {
    background: url(../images/backgrounds/tab_faq3_inactiveN.png) no-repeat left top;
    display:inline-block;
    height:32px;
    width:15px;
    float:left
}
.seo_content_tab_right {
    background: url(../images/backgrounds/seo_top_borderN.png) no-repeat right bottom;
    height:32px;
    width: 680px
}
.tab_terms_active {
    float:left;
    background: url(../images/backgrounds/tab_term1_active.png) no-repeat left top;
    height:32px;
    display:inline-block
}
.tab_terms_active a  {
    background: url(../images/backgrounds/tab_term2_active.png) repeat-x left top;
    margin-left:10px;
    color:white;
    cursor:default
}
.tab_search_active a {
	background: url(../images/backgrounds/tab_search2_active.png) repeat-x left top;
    margin-left:10px;
    cursor:default
}
.tab_search_inactive, .tab_faq_Sinactive {
    background: url(../images/backgrounds/tab_search1_inactive.png) no-repeat left top;
    float:left;
    height:32px;
    display:inline-block
}
.tab_faq_Sinactive {
	background: url(../images/backgrounds/tab_faq1_inactive.png) no-repeat left top;
}
.tab_search_active {
    background: url(../images/backgrounds/tab_search1_active.png) no-repeat left top;
    float:left;
    height:32px;
    display:inline-block
}
.tab_search_active a {
	margin-left: 18px;
	color:white;
}
.tab_faq_active {
    background: url(../images/backgrounds/tab_faq1_active.png) no-repeat left top;
    float:left;
    height:32px;
    display:inline-block;
}
.tab_faq_active a {
    background: url(../images/backgrounds/tab_faq2_active.png) repeat-x left top;
    float:left;
    color:white;
    cursor:default
}
.tab_faq_active span {
    background: url(../images/backgrounds/tab_faq3_active.png) no-repeat left top;
    display:inline-block;
    height:32px;
    width:15px;
    float:left
}
.seo_content .tab_faq_active a:hover, 
.seo_content .tab_search_active a:hover, 
.seo_content .tab_terms_active a:hover {
    color:white
}
#seo_tab_null_hover_tab1 .tab_terms_inactive, 
.tab_open_hover12 .tab_terms_inactive, 
.tab_open_hover13 .tab_terms_inactive {
	background: url(../images/backgrounds/tab_terms_hover1.png) no-repeat left top;
}
#seo_tab_null_hover_tab1 .tab_terms_inactive a,
.tab_open_hover12 .tab_terms_inactive a, 
.tab_open_hover13 .tab_terms_inactive a {
	background: url(../images/backgrounds/tab_terms_hover2.png) repeat-x left top;
}
#seo_tab_null_hover_tab1 .tab_search_Finactive,  
.tab_open_hover13 .tab_search_Finactive {
	background: url(../images/backgrounds/tab_terms_hover3.png) no-repeat left top;
}
#seo_tab_null_hover_tab2 .tab_search_Finactive, 
.tab_open_hover23 .tab_search_Finactive {
	background: url(../images/backgrounds/tab_search_hover1.png) no-repeat left top;
}
#seo_tab_null_hover_tab2 .tab_search_Finactive a, 
.tab_open_hover2 .tab_search_inactive a, 
.tab_open_hover23 .tab_search_Finactive a {
	background: url(../images/backgrounds/tab_search_hover2.png) repeat-x left top;
}
#seo_tab_null_hover_tab2 .tab_faq_inactive {
	background: url(../images/backgrounds/tab_search_hover3.png) no-repeat left top;
}
#seo_tab_null_hover_tab3 .tab_faq_inactive, 
.tab_open_hover3 .tab_faq_inactive {
	background: url(../images/backgrounds/tab_faq_hover1.png) no-repeat left top;
}
#seo_tab_null_hover_tab3 .tab_faq_inactive a, 
.tab_open_hover3 .tab_faq_inactive a, 
.tab_open_hover32 .tab_faq_Sinactive a {
	background: url(../images/backgrounds/tab_search_hover2.png) repeat-x left top;
}
#seo_tab_null_hover_tab3 .tab_faq_inactive span, 
.tab_open_hover3 .tab_faq_inactive span, 
.tab_open_hover32 .tab_faq_Sinactive span {
	background: url(../images/backgrounds/tab_faq_hover3.png) no-repeat left top;
}
.tab_open_hover2 .tab_faq_inactive {
	background: url(../images/backgrounds/tab_search_hover3.png) no-repeat left top;
}
.tab_open, 
.tab_open_hover2, 
.tab_open_hover3, 
.tab_open_hover12, 
.tab_open_hover32, 
.tab_open_hover13, 
.tab_open_hover23 {
    background: url(../images/backgrounds/seo_top_border_open.png) no-repeat right bottom;
    height:36px;
}
.tab_open_hover2 .tab_search_inactive {
	background: url(../images/backgrounds/tab_search1_inactive_hover1.png) no-repeat left top;
}
.tab_open_hover12 .tab_search_active {
	background: url(../images/backgrounds/tab_term_inactive_hover1.png) no-repeat left top;
}
.tab_open_hover32 .tab_faq_Sinactive {
	background: url(../images/backgrounds/tab_faq_inactive_hover1.png) no-repeat left top;
}
.tab_open_hover23 .tab_faq_active {
	background: url(../images/backgrounds/tab_search_inactive_hover1.png) no-repeat left top;
}
.seo_content_inner_left {
    background: url(../images/backgrounds/seo_left.png) repeat-y left bottom;
    padding-left:4px
}
.seo_content_inner_right {
    background: url(../images/backgrounds/seo_right.png) repeat-y right bottom;
    padding-right:4px
}
.content_seo {
    background: #e8e9e9 url(../images/backgrounds/seo_bg.png) repeat-x left bottom;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    padding:10px 15px 0 15px
}
/*  end of new styles*/

.tab_terms {
    background: url(../images/backgrounds/tab_terms_active.gif) no-repeat right bottom
}
.seo_block a.selected {
    cursor:default;
    color: #333333
}
.term1, .term2 {
    width:310px;
    float:left
}
.term1 p, .term2 p {
    margin: 10px 0 15px 0
}
.term2 {
    padding-left: 20px
}
.term1 {
	clear:left
}
.seo_link {
    clear:both;
    padding-top: 20px
}
#tab_third_content .seo_link {
    padding-top: 0px
}
.popular_search ul {
    float:left;
}
.popular_search ul li{
    padding: 0 36px 10px 0;
    height: 25px;
    white-space:nowrap;
    display: inline;
    float:left;
    clear: left
}
.demo_list {float: right; width: 80%; font-size: 11px}
*html .demo_list {margin-top:-10px}
.demo_list ol {margin-left: 30px}
.demo_list ol li{	
    list-style-type: decimal;
    margin-bottom:3px;
}

#demoFormTag .contact_row_checkbox {margin-bottom: 10px}


/******* reusable   ****/
a.active_arrow, a.disabled_arrow {
    background: url(../images/icons/arrow.png) no-repeat left top;
    color:#D48219;
    font-weight:bold;
    margin-left: -2px;
    height: 24px;
    padding: 3px 0 0 30px;
    display: inline-block;
    text-decoration: underline
}
a.disabled_arrow, #selector div.disabled a.active_arrow, #selector div.disabled a.active_arrow:hover {
    background: url(../images/icons/grey_arrow.png) no-repeat left top;
}
a.active_arrow:hover {
    background: url(../images/icons/hover_arrow.png) no-repeat left top;
    color: #01B6DD
}
.bottom_spacing {
    margin-bottom: 15px;zoom: 1
}
.top_spacing {
    margin-top: 25px
}
.grey_button a, input.grey_button, .demo_button a {
    background: url(../images/buttons/grey_button.png) no-repeat left top;
    display: inline-block;
    height:24px;
    float:left;
    font-weight: bold;
    color:#313539;
    font-size:12px;
    padding: 5px 5px 0 15px;
    text-transform:uppercase;
    text-decoration: none
}
.grey_button span, .contact_form div.button span, .top_form_form_controls span {
    background: url(../images/buttons/grey_button.png) no-repeat right top;
    height:29px;
    display:inline-block;
    float:left;
    width: 10px
}
.grey_button_hover {
    background: url(../images/buttons/grey_button_hover.png) no-repeat left top !important;
}
.grey_button_span_hover {
    background: url(../images/buttons/grey_button_hover.png) no-repeat right top !important;
}
div.grey_button {
    height:28px
}
a.grey_button_hover {
    color: #333333 !important;
}
.demo_button {
	text-align: center
}
.demo_button a {
	background: url(../images/buttons/demo_button.png) no-repeat left top;
    height:62px;
    width: 103px;
    padding: 16px 0px 0 0px;
    font-size: 16px
}
.demo_button a:hover {
	background: url(../images/buttons/demo_button_hover.png) no-repeat left top;
	color: #333333
}
.dark_bucket {
    background: url(../images/backgrounds/try_bottom.png) no-repeat left bottom;
    width:686px;
    padding-bottom:10px;
    margin-bottom: 15px
}
.dark_bucket_top {
    background: url(../images/backgrounds/try_top.png) no-repeat left top;
    width:686px;
    height:9px;
    font-size: 0
}
.dark_bucket_center {
    background: url(../images/backgrounds/try_center.png) repeat-y left top;
    padding:10px 20px
}
.dark_bucket_center p, dark_bucket_narrow_center p {
    color: #eee
}

.text_ul {
    margin: 10px 0 10px 15px;
    float:left
}
.text_ul li, .text_ul-spacing li {
    list-style-type:square;
    margin-bottom: 3px;
    line-height: 18px;
}
.text_ul-spacing {margin: 0px 0 10px 15px}

.text_ul_vacancy {margin: 10px 0 10px 15px}
.text_ul_vacancy li {
    list-style-type:square;
    margin-bottom: 3px;
    line-height: 18px
}

/*   selector   */

#selector {padding: 0;height:350px}
#selector ul li a, #selector ul li a:hover, #selector .first .profile_job table td a, #selector .first .profile_job table td a:hover {cursor:default; color: #333333; text-decoration: none}

#selector .first, #selector .second, #selector .third {float:left;}
#selector .second, #selector .third { padding-left:10px}
#selector .second {border-left: 1px solid #B4B8BE;border-right: 1px solid #B4B8BE;}
#selector .first {width:230px;margin-bottom:20px}
#selector .second {width:170px; padding:0 10px 0px 10px}
#selector .third {width:220px}
#selector .third .default_msg {margin-top:0;}
#selector ul {margin: 15px 0 0 0}
#selector .first .profile_job {width: 106px;height:133px;float:left;position: relative;margin-top: 15px; text-align: center; background: url(../images/backgrounds/selector_bg.png) no-repeat left top}
#selector .profile_job .name {position:absolute;bottom: 5px;width:106px;left:0;text-align:center}
#selector .first .right_spacing {margin-right:10px}
#selector .first .profile_job  table {margin:0 auto}
#selector .first .profile_job  table td {vertical-align:middle}
#selector .first .profile_job table td input {margin: 0 2px 0 0}

#selector .first .profile_job table td a {display:inline-block;}

#selector .first .profile_job table td a.selected, #selector .second ul li a.selected {color: #01B6DD}
#selector .second ul li {clear: both;height:26px}
#selector .second ul li input {float:left;margin: 2px 5px 0 0}
* html #selector .second ul li input {float:none}
*+html #selector .second ul li input {float:none}
#selector .second ul li a {float:left}
*html #selector .second ul li a {float:none}
*+html #selector .second ul li a {float:none}
h4.divider {margin-top: 20px;margin-bottom:10px;padding-top:15px;border-top: 1px solid #ccc;}
#selector p.text_intro {margin:8px 0 20px 0}
#selector p.note {margin: 5px 0 0 0;font-size: 11px;clear:both}
#selector_result p.note {clear:both}
#selector a.note {clear:both; font-size: 11px;float:left}
.selector_space {padding:10px 10px 0px 10px}

/* job description */
.job_descr .grey_button{float: left}
.job_descr_txt, .job_descr .grey_button {margin-top: 10px}
/* features */
.profile_description {
	float:left;
	width:400px;
	padding-top: 10px
}
.profile_description p a {
	margin-top: 20px
}
.profile_image {
	float:left;
	text-align:center;
	width:247px;
	background: url(../images/backgrounds/profile_image.png) no-repeat left top;
	height: 259px;
}
.profile_image img {
	margin-top:13px;
	width:190px;
	height:235px
}


div.forwho, div.forwho1 {
	float: right;
	margin-top:58px
}
div.forwho1 {
	margin-top:25px
}
.product_image {
	float:right;
	width:170px;
	text-align:center;
}
.product_image img {
	width:150px
}

/* subpage   */
.main_content_middle {
    background: url(../images/backgrounds/subpage_bottom_middle.jpg) no-repeat left bottom;
    margin-bottom:15px;
    padding-bottom:10px;
    width:453px;
    float:left}
.main_content_middle span.top {
    background: url(../images/backgrounds/subpage_top_middle.jpg) no-repeat left top;
    height:10px;display:block;font-size:0}

/****   reusable  ***/
.content_inner_left_shadow {
    background: url(../images/backgrounds/seo_left.gif) repeat-y left bottom}
.content_inner_right_shadow {
    background: url(../images/backgrounds/seo_right.gif) repeat-y right bottom}

.features_txt {padding-right:8px}
.features_txt ul {margin-left:15px}
.features_txt ul li {list-style-type:square;margin:5px 0;line-height: 18px}
.features_txt h2 {margin:0}
.features_txt p.note {margin: 0; font-size: 11px}
.features_txt a {float:right; margin-top: 35px;margin-left: 10px}
.features_txt a img {border: 1px solid #ccc}

/*** pricing   ***/
div.pricing_space {padding-left:0;padding-right: 0}
.pricing_space h1 {margin-left: 20px}
.pricing h2 {text-transform:uppercase}
.pricing {margin: 20px 0 0px 0;}
.pricing_first, .pricing_second, .pricing_third {padding-right:20px}
.pricing td { vertical-align: top;padding-left:25px}
td.pricing_border {border-right: 1px solid #ccc;}
p.price {font-weight:bold;font-size:14px; }
.pricing ul {margin-left:15px}
.pricing ul li {list-style-type:square;margin-bottom:5px}
/*
.pricing_top_block .main_content_inner {background-color: white}
*/

.link_bottom1, .link_bottom2 {width:300px;float:left}
.link_bottom1 {padding-right:30px}
.link_bottom1 h2 {margin-top:0}
.link_bottom2 h2 {margin-top:0}
p.add_notes {margin: 3px 0 0 15px; font-size: 10px}
a.orange_button {height: 47px; margin-left:-3px;background:url(../images/buttons/orange_button.png) no-repeat left top;display: block;width:179px;
                 color: #E6EBEC;font-weight: bold; padding: 10px 0 0 20px; text-decoration: none}
a.orange_button:hover {background:url(../images/buttons/orange_button_hover.png) no-repeat left top; color:#E6EBEC}
.motto_td {
	padding: 15px 25px 15px 22px !important
}
.motto_top {
	background:url(../images/backgrounds/motto_top.png) no-repeat left top;
	height: 9px;
	font-size: 0
}
.motto_bottom {
	background:url(../images/backgrounds/motto_bottom.png) no-repeat left bottom;
	height: 10px;
	font-size: 0
}
.motto h4 {
	background:url(../images/backgrounds/motto_center.png) repeat-y left bottom;
	text-align: center;
	color: white;
	padding:8px 0
}
.pricing_note_top {
	background:url(../images/backgrounds/pricing_note_top.gif) no-repeat left top;
	height: 5px;
	font-size: 0
}
.pricing_note_bottom {
	background:url(../images/backgrounds/pricing_note_bottom.gif) no-repeat left bottom;
	height: 5px;
	font-size: 0
}
.pricing_note_center {
	border-right: 1px solid #BEC1C6;
	border-left: 1px solid #BEC1C6;
	width: 628px
}
p.note_pricing {
	font-size:11px;
	line-height:14px;
	text-align:left;
	margin: 0;
	padding: 5px 0 5px 15px;
}
.pricing_note {
	margin: 20px 0 0 0
}


.pricing_steps_center ul li {margin-bottom: 0;padding-bottom:5px; padding-right:5px}
.pricing_steps_center ul {margin-left: 25px}
.pricing_steps_center p {margin-left: 10px}
.pricing_steps_center h4 {padding: 5px 0 0 10px}
.pricing_steps_center {margin: 0 4px; background-color: white}
.pricing_steps .main_content_inner {background-position: 0 center}

.top_pricing_block, .top_pricing_block td {text-align: center;padding:0 !important}
.top_pricing_block table {margin:20px auto 0 auto}
.pricing_steps_center{text-align: left; height: 150px}
td.top_block_img {vertical-align: middle; padding: 0 6px !important}
h2.header_monthly {text-transform: none; margin: 20px 0}
.top_pricing_block .pricing_note {margin:0}

.pricing_steps {background: url(../images/backgrounds/pricing_bottom.png) no-repeat left bottom;padding-bottom: 8px; width: 190px;}
.pricing_steps div.top {background: url(../images/backgrounds/pricing_top.png) no-repeat left top;height: 6px; display: block;font-size: 0}
.pricing_arrow {text-align: center;padding:0px !important}
.pricing_arrow img {margin-bottom: 5px}


/*   subpage in 3 columns   */
.middle_column {float:left}
.right_rails_main {float: right}
.right_rails {background: url(../images/backgrounds/right_rails_bottom.png) no-repeat left bottom;padding-bottom: 8px; width: 217px;margin-bottom: 15px}
.right_rails span.top {background: url(../images/backgrounds/right_rails_top.png) no-repeat left top;height: 6px; display: block;font-size: 0}
.rails_content {width: 215px; margin: 0 auto;padding: 10px 0}
.rails_content p {color: white}
.rails_content div.grey_button {padding-bottom: 10px}
.right_rails_main .main_content_inner {background-position: 2px top;}
.right_rails_main .content_piece_sub1 {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 0 4px 0 0px;padding: 8px 10px 10px 10px}
.right_rails_main .content_piece_sub_narrow {padding:10px 0 0 0; margin:0 5px}
.clearfix_after {height:8px; clear:both;font-size:0}
.right_rails h4 {padding-left:10px;text-align: left;zoom:1}


/* spotlight   */
.link_spotlight {/*color: #ccc*/}
.spotlight_buttons {padding: 0px 0px 6px 6px}
.spotlight_buttons div.grey_button {float: left;}
.spotlight_buttons div.grey_button a {font-size: 11px;padding: 6px 0 0 10px}


/* references page  */
.client {
	clear:both;
}
.client p {
	padding-left:160px
}
.link_video {
	padding-left:160px
}
.video_link {
	float:left
}
a.video_link {
	font-weight: bold
}
.video_link img {
	margin-left: 5px;
	float:left;
	border: 1px solid #ccc
}
.video_link span {
	display: inline-block;
	padding-top:8px;
	float:left;
}
.client_logo {
    float:left;
    width:160px
}
.investor_tbl td {
	line-height: 18px
}
.investors_top {float: none}
.client_logo_td {
	width: 160px
}
.logo_top {
	padding-top:35px
}
.img_partner {
	float:left
}
.img_selector {
	margin-top:5px
}
.parnters_text p {
	padding-left:190px
}
.parnters_text .text_ul-spacing  {
	clear:both
}
.parnters_text h2 {
	margin-top:0
}
.call_to_action {
	padding: 20px 0 10px 0px
}
.call_to_action a {
	float:left
}
.sitemap {
	margin-left:20px
}
.sitemap a {
	display:block;
	padding: 0 0 10px 0
}

.content {
    margin: 3px 0 3px 10px;
    color: white;
}
.contact_us_panel {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000;
    filter:alpha(opacity=70);
    text-align: center !important;
}
.contact_us_form_panel {
    position: absolute;
    top: 100px;
    left:0;
    z-index: 1000;
    width: 100%;
    text-align: center;
}
.contact_us_form_panel .main_content_wide {
	margin: 0 auto
}
.contact_us_form_panel .main_content_inner {
	background: none
}

.zero_bottom {margin-bottom: 0}

.red {
    color: red;
}
.form_controls {
    padding-top: 10px;clear:both
}
.contact_form label, .contact_us_form label{display:inline-block;padding-bottom:2px; padding-left: 5px}
.contact_form h2 {margin:0}
.contact_first_col, .contact_second_col, .contact_row, .contact_left, .contact_right {float:left;}
.contact_form input, .contact_form select, .contact_form textarea, .contact_us_form input, .contact_us_form select, .contact_us_form textarea {border: 1px solid #AAAAAA;padding: 4px 0 4px 2px}
.contact_form select, .contact_us_form select {height:25px;padding: 0 0 0 2px}
.contact_form textarea {width:295px;height:120px}
.contact_us_form textarea {width: 416px; height:120px}
.contact_us_form input, .contact_us_form select {width: 200px}
.form_ok {height:250px;padding-top:150px;text-align:center}
#contact_map {width:637px;height:200px;border: 1px solid #ccc; display: none}

input.grey_button {height:29px;padding: 2px 0px 5px 10px !important; border: 0 none !important; display:block; margin:0}
.form_controls div.button span, .top_form_form_controls span {display:block}

.contact_row_checkbox {padding-top: 5px;clear:both;float:none;margin-bottom:5px;}
.contact_us_form_panel .contact_row_checkbox label {width: 405px;display:inline-block;float:left}
.contact_us_form_panel .contact_row_checkbox input {float:left;margin: 0 10px 0 0}
.contact_row {clear:both;float:none;margin-bottom:5px}
.contact_right span{display:inline-block;}
.contact_left {border-right: 1px solid #ccc; padding: 0px 10px 0px 10px;margin-right:18px}
div.minus_spacing h2, .pricing div.minus_spacing p, .minus_spacing1 h2 {margin-top: 0}
.minus_spacing1 p {margin-bottom:0}
.contact_left h4 {font-size:13px}

.contact_phone, .contact_locations {height:20px;background: url(../images/icons/icon_phone.gif) no-repeat left top; display:inline-block;padding-left:25px;margin: 5px 0}
.contact_locations {background: url(../images/icons/icon_locations.gif) no-repeat left top}
.contact_phone .telified {text-decoration: none !important;}

.contact_first_col select {
    width:204px;
    vertical-align:middle
}
.contact_second_col {
    padding-left:10px
}

.contact_row_checkbox input {
    width:auto;
    border: 0 none;
}

.contact_row_checkbox label {
    padding-left:0;
}

.contact_us_form_panel .content_piece_sub {
    padding: 10px 10px
}
.contact_us_form_panel h4 {margin-bottom:10px}
.contact_phone {
    margin-bottom: 15px
}
.top_form_form_controls {
    margin:10px 0px 0 0;
    float:right;
}
.top_form_form_controls input {width:auto}
.modal_button {width:420px}
.contact_us_form_panel .content_piece {
    position:relative;
    width:678px
}
.content_piece a.close_icon {
    position: absolute;
    top:-25px;
    right:10px;
    font-weight: bold;
    color: white;
    background: url(../images/icons/icon_close.gif) no-repeat right center;
    padding-right:20px;
    display:inline-block;
    padding-bottom: 2px;
    text-decoration: none
}
.contact_first_col input.red, .contact_second_col input.red, .contact_first_col select.red, .contact_first_col textarea.red {
    border: 1px solid red;
}
a.double {position:static !important;color: #F39202 !important;background-image: url(../images/icons/icon_close_orange.gif) !important;}
.contact_addresses {float: left; padding: 0px; width: 210px}

.contact_addresses_v2{float: left; padding: 0px; width: 250px} 

img.awards {float:left;margin: 15px 20px 10px 0;border: 1px solid #aaa}
/*.about_awards {padding: 10px 0}*/
.about_awards_txt {float:left;width: 500px;margin-bottom: 5px}
.awards_align {width:130px;height:20px;float:left}

/*Class for too long link before coming to demo page SSO*/
.content_demo_unique {
	width: 646px;
	overflow: hidden
}

/*CSS for pop up hint box */
#hintbox {
    position: absolute;
    top: 0;
    background-color: lightyellow;
    width: 50px; /*Default width of hint.*/
    padding: 3px;
    border: 1px solid black;
    font: normal 9px Verdana;
    line-height: 10px;
    z-index: 100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}

.unique_class_grey_button{width: 80px; text-align: center}