/* html, body
{
padding: 0px;
margin: 0px;
width: 100%;
}
body
{
text-align: center;
background-color: #fff;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
font-weight: 400;
font-weight: 300;
font-style: normal;
font-size: 13pt;
}
#container
{
text-align: center;
margin: 0;
padding: 0px;
width: 100%;
max-width: 100%;
min-width: 960px;
}
*/
body
{
/* margin-top: 5px !important; */
}
.hide li, .hide ul, .hide div
{
display: none !important;
}
.rt-block
{
margin: 0px !important;
padding: 0px !important;
}
div._test .cameraContents
{
padding-top: 0px;
}
.cameraContents
{
line-height: 1.2em !important;
}
#color_bar_content td.features span.link2 label
{
color: #0077dd !important;
}
h4
{
font-size: 20px !important;
}
li
{
line-height: normal !important;
}
#archived_webinars dt
{
color: #777;
font-weight: normal;
}
#archived_webinars dt strong
{
color: #555;
}
#gantry-totop
{
margin-top: 20px;
margin-bottom: 20px;
}
#rt-top
{
height: 40px;
background-color: #f4f4f4;
border-bottom: solid 1px #e4e4e4;
}
div.rt-logo-block
{
margin: 0px;
padding: 10px 0px;
}
#rt-logo
{
margin: 0px;
}
.hidden, div.pull-right, #filter-bar2 .filter-search
{
display: none !important;
width: 0px !important;
height: 0px !important;
overflow: hidden !important;
}
.chzn-container
{
width: 100px !important;
}
@media screen and (min-width: 769px)
{
.menu-block
{
margin-right: 0px !important;
}
.menu-block .gf-menu.l1 > li.parent > .item > .menu-item-bg
{
padding: 5px !important;
}
.gf-menu li.parent > .item:after
{
display: none;
width: 0px;
height: 0px;
}
}
div.pagination
{
height: auto;
}
#flat_button_2
{
border-radius: 3px;
padding-top: 15px !important;
/* margin: 10px 2px !important; */
}
#flat_button_2 img
{
top: 6px !important;
}
div.search
{
padding-top: 2px;
}
#rt-sideslider, .rt-sideslider-wrap
{
z-index: 99999999 !important;
}
#with-sideslider #rt-header-surround
{
padding-top: 0px !important;
}
.sideslider-type-dynamic .rt-sideslider-button
{
top: 5px;
}
.sideslider-type-dynamic .rt-sideslider-wrap
{
padding-left: 20px;
}
#search-form button.btn
{
background-color: #0077dd !important;
color: #fff !important;
text-shadow: none !important;
border-radius: 3px !important;
background-image: none !important;
}
#search-form button.btn-primary
{
background-color: #0077dd !important;
color: #fff !important;
text-shadow: none !important;
border-radius: 3px !important;
background-image: none !important;
padding: 10px 20px !important;
border: none;
}
div.search button.btn-primary
{
border-radius: 3px !important;
background-color: #c4c4c4;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.search #mod-search-searchword:focus + button.btn-primary
{
background-color: #0077dd;
}
.employee_mode
{
/* background-color: #004477 !important; */
background-color: #ff3300 !important;
}
.employee_mode .item
{
color: #fff !important;
}
.employee_mode .item:hover
{
color: #fff !important;
}
.employee_mode #rt-logo
{
background: rgba(0, 0, 0, 0) url("/images/scott_systems_logo_half_white.png") no-repeat scroll 50% 0 !important;
}
.employee_mode .menu-block .gf-menu.l1 > li.active > .item .menu-item-bg, .employee_mode .menu-block .gf-menu.l1 > li:hover > .item .menu-item-bg
{
color: #fff !important;
border-bottom: solid 1px #fff !important;
}
.rt-container, #rt-main, .rt-flex-container, .rt-mainbody-wrapper, #rt-content-bottom
{
overflow: visible !important;
/* z-index: 9999; */
}
.blink img, span.blink
{
-webkit-animation-name: blinker;
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
49% { opacity: 1.0; }
50% { opacity: 0.0; }
99% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
49% { opacity: 1.0; }
50% { opacity: 0.0; }
99% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
49% { opacity: 1.0; }
50% { opacity: 0.0; }
99% { opacity: 0.0; }
100% { opacity: 1.0; }
}
div.f2c-article
{
width: 760px !important;
margin: 0px auto !important;
}
div.f2c-article div.control-group
{
padding: 0px !important;
margin: 0px !important;
}
#jform_id-lbl, #jform_id, #jform_metadesc-lbl, #jform_metadesc, #jform_metakey-lbl, #jform_metakey, #jform_language, #jform_language-lbl, #jform_featured, #jform_featured-lbl,
#jform_created_by-lbl, div.f2c-article .control-group .controls .input-append, #jform_created_by_alias-lbl, #jform_created_by_alias
{
display: none;
visibility: hidden;
height: 0px;
width: 0px;
overflow: hidden;
}
div.f2c-article #jform_title
{
width: 400px !important;
}
div.f2c_button_bar
{
float: left !important;
margin: 25px 0px !important;
}
form.dpcalendar-mini-module-form
{
padding: 10px;
z-index: 99999 !important;
position: absolute;
}
.dp-container input
{
padding: 0px 8px !important;
height: 20px !important;
}
.dp-container .tooltip
{
display: none;
visibility: hidden;
height: 0px;
width: 0px;
overflow: hidden;
}
#btcontentslider89 div.slides_container
{
max-height: 350px;
overflow-y: scroll !important;
}
#btcontentslider89 div.slides_container div.bt-inner
{
padding: 10px 40px !important;
}
div.ss_newsfeed div.module-surround
{
background-color: #efefef;
border-radius: 4px;
border: solid 1px #d4d4d4;
padding: 20px;
padding: 0px;
padding-bottom: 20px;
height: 360px;
overflow: hidden;
}
div.ss_newsfeed div.module-surround .module-title
{
margin-left: 35px;
margin: 0px;
margin-bottom: 10px;
padding: 5px 0px;
background-color: #0077dd;
}
div.ss_newsfeed div.module-surround .module-title h2.title
{
color: #fff;
margin: 0px 40px;
}
div.ss_newsfeed div.module-surround .slides_container
{
height: 315px;
}
div.ss_newsfeed div.bt-csss_newsfeed .current
{
border: none !important;
}
div.upcoming_installs div[itemprop="event"]
{
float: left;
width: 18%;
padding: 7px;
}
div.loginss_emp_login
{
padding-top: 60px;
background-color: #0077dd;
border: solid 1px #0055bb;
padding: 5px 15px;
border-radius: 5px; color: #fff;
font-weight: bold;
}
div.loginss_emp_login h1
{
margin-left: 60px;
padding-top: 40px;
font-weight: 700;
}
#home_table div h4
{
margin-bottom: 15px;
}
#home_table div p
{
line-height: 1.3em;
margin-bottom: 10px !important;
}
#home_table div
{
width: 16% !important;
padding: 0px 10px 0px 20px;
border-right: solid 1px #003366;
}
div.kb_search
{
position: relative;
height: 100px;
}
div.kb_search h2.title, #searchForm .btn-toolbar
{
text-align: center !important;
margin-top: 25px;
}
div.kb_search div.rssearch_box
{
width: 800px;
width: 720px;
margin: 0px auto !important;
}
div.kb_search div.rssearch_box input, #searchForm #search-searchword
{
border-radius: 5px !important;
border: solid 1px #d4d4d4 !important;
height: 45px !important;
width: 800px !important;
margin-right: 20px !important;
font-weight: bold !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#searchForm #search-searchword
{
margin: 0px auto !important;
clear: both !important;
}
#searchForm button
{
background-color: #0077dd !important;
color: #fff !important;
height: 45px !important;
width: 60px !important;
background-image: none !important;
clear: both !important;
}
#searchForm .btn-toolbar .pull-left
{
float: none !important;
}
#rssearch_kb_search form
{
width: 60% !important;
}
#rssearch_kb_search form div.input-append
{
max-width: 800px;
width: 100% !important;
}
#rssearch_kb_search form div.input-append input
{
max-width: 800px;
width: 100% !important;
}
div.kb_search div.rssearch_box input:focus, #searchForm #search-searchword:focus
{
border: solid 5px #0077dd !important;
}
div.kb_search div.rsfsuggestions
{
position: relative;
z-index: 99999;
opacity: 1;
}
div.kb_search #cmdSearch
{
background-color: #0077dd;
border-radius: 5px;
border: none;
color: #fff;
background-image: none;
text-shadow: none;
box-shadow: none;
height: 45px;
width: 110px;
font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.kb_search #cmdSearch:hover
{
background-color: #fff;
border-color: #0077dd;
color: #0077dd;
box-shadow: inset 0 0 0 5px #0077dd;
}
div.rssearch_type
{
display: none;
visibility: hidden;
height: 0px;
width: 0px;
}
div.rssearch_row
{
padding: 5px 20px 20px 20px; !important;
border: 0px;
box-shadow: none !important;
border-bottom: dotted 1px #c4c4c4;
}
div.rssearch_content
{
margin-bottom: 10px;
}
div.clearfix
{
height: 0px;
}
a.rssearch_readon
{
display: initial;
text-algin: left;
padding: 10px 15px;
border-radius: 2px;
background-color: #0077dd;
color: #fff;
-webkit-transition: all 0.2s ease-in; /* Safari */
transition: all 0.2s ease-in;
}
a.rssearch_readon:hover
{
background-color: #fff;
border: solid 5px #0077dd;
color: #0077dd;
font-weight: bold;
/* padding: 5px 10px; */
}
div.ss_upcoming
{
padding: 15px 30px !important;
border-radius: 3px;
border: solid 1px #e4e4e4;
margin-top: 20px !important;
max-width: 217px !important;
font-size: 9pt !important;
line-height: 1.5em !important;
border-top: solid 5px #0077dd;
background-color: #efefef;
}
.ss_weather div.module-surround
{
width: 70%;
margin: 0px auto;
}
.ss_weather
{
margin-bottom: 40px;
height: 150px;
}
div.fc-event-inner
{
padding-left: 5px;
padding-right: 5px;
}
#rt-footer-surround
{
margin-top: 40px;
position: relative;
z-index: 10;
}
.video_list a span
{
font-family: "Open Sans","Helvetica","Arial",sans-serif !important;
}
a.omega-powered
{
width: 0px !important;
height: 0px !important;
overflow: hideen !important;
visibility: hidden !important;
}
.ot_logo_scroller
{
margin-bottom: 40px !important;
}
#ot_logo_scroller_152
{
padding: 0px 10%;
}
.recaptcha_center div div
{
margin: 0px auto;
}
@media screen and (max-width: 1152px)
{
#capterra_text, #capterra_text a
{
font-size: 10pt !important;
}
}
/*------------
RESET CSS
---------*/
#color_bar_content form, #color_bar_content legend, #color_bar_content label, #color_bar_content input, #color_bar_content textarea,
#color_bar_content select, #color_bar_content a, #color_bar_content a:visited, #color_bar_content a:active, #color_bar_content a:hover
{
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
/* cursor : auto; */
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
font-weight: 400;
font-weight: 300;
font-style: normal;
font-size: 10.5pt;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* May need to alter quotes for different locales (e.g fr) */
quotes : '\201C' '\201D' '\2018' '\2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
}
#color_bar_content strong, #color_bar_content strong a, #color_bar_content strong span a, #color_bar_content strong span a:hover, #color_bar_content strong span a:active
{
font-weight: bold;
font-weight: 600;
}
/*---------------------------------
ARCTICLES and CONTENT CCS
--------------------------------*/
#content_container
{
background-color: #fff;
text-align: left;
width: 100%;
margin: 0px auto;
}
#article_content
{
background-color: #fff;
height: auto;
width: 100%;
margin: 0px auto;
text-align: left;
margin-top: 40px;
padding: 10px 0px;
}
img
{
-ms-interpolation-mode: bicubic !important;
ModPagespeedEnableFilters convert_jpeg_to_progressive;
ModPagespeedEnableFilters recompress_images;
}
img.content_top_img
{
top: -20px;
}
.section_box
{
position: relative;
padding: 20px;
margin-top: 50px;
max-width: 940px;
}
.section_box_2
{
position: relative;
padding: 20px;
margin-top: 50px;
max-width: 940px;
border-top: solid 2px #0099FF;
background-color: #fff;
}
#section_right
{
text-align: right;
}
#section_left
{
text-align: left;
}
.section_faq hr
{
margin-top: 40px;
margin-bottom: 40px;
}
span
{
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
}
.dropcap
{
margin-top: 0px;
margin-right: 0.2em;
}
span.dropcap
{
font-size: 25pt !important;
margin-top: -20px !important;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif !important;
}
p.dropcap
{
border-bottom: solid 1px #e4e4e4;
padding-bottom: 15px;
}
#color_bar_content h1, #slideshow h1, #flood_image h1
{
font-size: 30pt;
color: #3c3c3c;
}
#color_bar_content h2, #slideshow h2, #flood_image h2, #below_container h2
{
font-size: 25pt;
font-weight: 400;
color: #3c3c3c;
}
#color_bar_content h3, #slideshow h3, #flood_image h3
{
margin-top: 0pt;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
font-weight: normal;
letter-spacing: 0em;
font-size: 22pt;
color: #6c6c6c;
}
#color_bar_content_content h4
{
color: #333;
font-weight: 700;
}
#article_content .video_list .section_band
{
padding-bottom: 0px;
}
#color_bar_content_content p, #boxes_wrapper_960 p, #boxes_wrapper_100 p, #below_wrapper_960 p, #below_wrapper_100 p, #color_bar_content p, #slideshow p, #flood_image p, #article_content dt, #article_content ul li
{
color: #555;
line-height: 1.5em;
font-size: 10.5pt;
word-spacing: 0.5px;
}
#color_bar_content
{
width: 960px;
width: 100%;
max-width: 960px;
margin: 0px auto;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
}
#color_bar_content_content br
{
line-height: .75em;
}
#color_bar_content_content strong, #boxes_wrapper_960 strong, #boxes_wrapper_100 strong, #below_wrapper_960 strong, #below_wrapper_100 strong, #slideshow strong, #flood_image strong
{
color: #3c3c3c;
line-height: 1.25em;
font-size: 11pt;
font-weight: 500;
}
#color_bar_content a, #color_bar_content a strong, #boxes_wrapper_960 a, #boxes_wrapper_100 a, #article_content a span, #below_wrapper_960 a, #below_wrapper_100 a, #slideshow a, #flood_image a, #section_band a
{
font-size: 11pt;
color: #0077dd;
text-decoration: none;
}
#color_bar_content a:hover, #color_bar_content a:hover strong, #article_content a:hover span, #boxes_wrapper_960 a:hover, #boxes_wrapper_100 a:hover, #below_wrapper_960 a:hover, #below_wrapper_100 a:hover, #slideshow a:hover, #flood_image a:hover
{
font-size: 11pt;
color: #0077dd;
text-decoration: underline;
}
#color_bar_content a:visited, #color_bar_content a:visited strong, #article_content a:visited span, #boxes_wrapper_960 a:visited, #boxes_wrapper_100 a:visited, #below_wrapper_960 a:visited, #below_wrapper_100 a:visited, #slideshow a:visited, #flood_image a:visited, #section_band a:visited
{
color: #0077dd;
text-decoration: none;
}
.section_band
{
margin-top: 50px;
padding: 50px 20px;
border-top: solid 1px #e4e4e4;
}
.section_band_2
{
margin-top: 50px;
padding: 50px 20px;
border-top: solid 1px #e4e4e4;
border-bottom: solid 1px #e4e4e4;
}
.alpha20
{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.2 opacity */
background-color: rgba(0, 0, 0, 0.2);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000)";
}
.alpha40
{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.4 opacity */
background-color: rgba(0, 0, 0, 0.4);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)";
}
.alpha50
{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.5 opacity */
background-color: rgba(0, 0, 0, 0.5);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000)";
}
.alpha60
{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.alpha70
{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.7 opacity */
background-color: rgba(0, 0, 0, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";
}
#grid
{
margin: 40px 0px;
}
#grid li
{
float: left;
position: inline;
padding: 10px;
margin-bottom: 20px;
border-right: solid 1px #e4e4e4;
}
#grid #last_one
{
float: left;
position: inline;
padding: 10px;
margin-bottom: 20px;
border-right: solid 0px #fff;
}
#column_1
{
float: left;
position: relative;
width: 45%;
padding-right: 0px;
text-align: left;
padding-top: 15px;
}
#column_2
{
float: right;
position: relative;
width: 45%;
padding-left: 10px;
text-align: left;
}
#column_1 strong, #column_2 strong
{
font-weight: bold;
font-weight: 700;
color: #444;
}
.testimonials hr, .leadership hr
{
background-color: #eaeaea;
}
.leadership p
{
padding: 10px 0px;
}
.fade:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
#flat_button #tri_arrow_right, #flat_button_2 #tri_arrow_right
{
padding-right: 5px;
-moz-transition: all 0.2s ease-out; /* FF4+ */
-o-transition: all 0.2s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.2s ease-out; /* IE10? */
transition: all 0.2s ease-out;
}
#flat_button:hover #tri_arrow_right, #flat_button:hover #tri_arrow_right
{
padding-right: 0px;
}
#lesson_buttons_container #flat_button_2, #lessons_buttons #flat_button_2
{
background-color: #0077DD;
color: #fff;
padding: 1px 5px;
text-align: center;
margin: 5px 10px;
width: 45px;
display: inline;
float: left;
border-radius: 2px;
}
#lesson_buttons_container #flat_button_2 a
{
color: #fff;
font-size: 28pt;
}
#lessons_description
{
margin-top: 0px;
width: 100%;
height: 0px;
text-align: center;
color: #666666;
overflow-y: hidden;
animation: all 4s;
-moz-animation: all 4s; /* Firefox */
-webkit-animation: all 4s; /* Safari and Chrome */
-o-animation: all 4s; /* Opera */
}
#lessons_description h4
{
color: #0077dd !important;
margin-bottom: -5px !important;
padding-top: 20px;
}
#lessons_description p
{
padding-bottom: -40px !important;
color: #666666 !important;
}
/*----------------------------
GENERIC CSS
---------------------------*/
hr
{
border: 0;
color: #ababab;
background-color: #ababab;
height: 1px;
}
.highlight
{
/* color: #7c7c7c; */
/* text-shadow: 0px -1.25px 1px #000, 0px 1px 1px #fff; */
position: relative;
}
img
{
-ms-interpolation-mode: bicubic;
}
#header_container
{
width: 960px;
text-align: center;
color: #070707;
background-color: #fff;
margin: -20px auto 0px auto;
}
#header_right
{
float: right;
text-align: left;
margin: 10px 0px 0px 20px;
}
#sub_nav
{
float: left;
width: 100%;
margin: 0px;
}
#data_convert_table
{
font-size: 11pt;
width: 100%;
}
#data_convert_table td, #data_convert_table th
{
border: solid 1px #c4c4c4;
padding: 7px;
}
#data_convert_table th
{
background-color: #0099ff;
color: #fff;
text-align: center;
border: solid 1px #0083db;
}
#data_convert_table tr.even
{
background-color: #f4f4f4;
}
#data_convert_table tr.odd
{
background-color: #e9e9e9;
}
hr
{
background-color: #d4d4d4;
color: #d4d4d4;
border: 0px;
height: 1px;
width: 100%;
}
#arrow_right
{
height: 0px;
width: 0px;
border: 8px solid transparent;
border-left-color: #fff;
}
/*----------------------------
Feature Voting Board
----------------------------*/
div.login_content_wrapper form button:hover
{
background-color: #0088ee !important;
cursor: pointer !important;
cursor: hand !important;
}
div.voting_buttons_wrapper a div.add_vote_button
{
float: left !important;
width: 100% !important;
height: 50% !important;
background-color: #4DB200 !important;
color: #2B9000 !important;
font-size: 30pt !important;
font-weight: bold !important;
text-align: center !important;
box-shadow: 0px 0px 0px 1px #3CA100 inset !important;
text-shadow: 0px 1px 1px #6FD422 !important;
-webkit-transition: all 0.1s ease-in !important;
-moz-transition: all 0.1s ease-in !important;
-o-transition: all 0.1s ease-in !important;
-ms-transition: all 0.1s ease-in !important;
transition: all 0.1s ease-in !important;
}
div.voting_buttons_wrapper a:hover div.add_vote_button
{
color: #f4f4f4 !important;
}
div.voting_buttons_wrapper a div.minus_vote_button
{
float: left !important;
width: 100% !important;
height: 50% !important;
background-color: #D43535 !important;
color: #B21323 !important;
font-size: 30pt !important;
font-weight: bold !important;
text-aling: center !important;
box-shadow: 0px 0px 0px 1px #C32424 inset !important;
text-shadow: 0px 1px 1px #F65757 !important;
-webkit-transition: all 0.1s ease-in !important;
-moz-transition: all 0.1s ease-in !important;
-o-transition: all 0.1s ease-in !important;
-ms-transition: all 0.1s ease-in !important;
transition: all 0.1s ease-in !important;
}
div.voting_buttons_wrapper a:hover div.minus_vote_button
{
color: #f4f4f4 !important;
}
div.voting_buttons_wrapper div.vote_button
{
width: 100% !important;
height: 20% !important;
height: 16.666% !important;
background-color: #4DB200 !important;
color: #2B9000 !important;
font-size: 10pt !important;
font-weight: bold !important;
text-align: center !important;
box-shadow: 0px 0px 0px 1px #3CA100 inset !important;
text-shadow: 0px 1px 1px #6FD422 !important;
margin: 0px auto !important;
padding: 0px !important;
background-color: #efefef !important;
color: #c4c4c4 !important;
box-shadow: 0px 0px 0px 1px #e4e4e4 inset !important;
text-shadow: 0px 1px 1px #fff !important;
-webkit-transition: all 0.1s ease-in !important;
-moz-transition: all 0.1s ease-in !important;
-o-transition: all 0.1s ease-in !important;
-ms-transition: all 0.1s ease-in !important;
transition: all 0.1s ease-in !important;
}
div.voting_buttons_wrapper input[type=radio]:not(old)
{
margin: 0px !important;
padding: 0px !important;
height: 0px !important;
width: 0px !important;
margin-left: -100px !important;
opacity: 0 !important;
}
div.voting_buttons_wrapper input[type=radio]:not(old) + label
{
display: inline-block !important;
width: 100% !important;
width: 100% !important;
height: 100% !important;
background-color: #4DB200 !important;
color: #2B9000 !important;
font-size: 15pt !important;
font-weight: bold !important;
line-height: 1.6em !important;
text-align: center !important;
box-shadow: 0px 0px 0px 1px #3CA100 inset !important;
text-shadow: 0px 1px 1px #6FD422 !important;
margin: 0px auto !important;
padding: 0px !important;
background-color: #efefef !important;
color: #c4c4c4 !important;
box-shadow: 0px 0px 0px 1px #e4e4e4 inset !important;
text-shadow: 0px 1px 1px #fff !important;
-webkit-transition: all 0.1s ease-in !important;
-moz-transition: all 0.1s ease-in !important;
-o-transition: all 0.1s ease-in !important;
-ms-transition: all 0.1s ease-in !important;
transition: all 0.1s ease-in !important;
}
div.voting_buttons_wrapper input[type=radio]:not(old):hover + label
{
color: #3ac100 !important;
cursor: pointer !important;
cursor: hand !important;
}
div.voting_buttons_wrapper input[type=radio]:not(old):checked + label
{
background-color: #4DB200 !important;
color: #2B9000 !important;
box-shadow: 0px 0px 0px 1px #3CA100 inset !important;
text-shadow: 0px 1px 1px #6FD422 !important;
}
div.voting_buttons_wrapper div.voted_already
{
width: 100% !important;
height: 100% !important;
text-align: center !important;
background-color: #e4e4e4 !important;
color: #777 !important;
padding-top: 45% !important;
}
#apply_votes_bar.hidden
{
display: none !important;
visibilty: hidden !important;
position: fixed !important;
opacity: 0 !important;
bottom: 0px !important;
width: 100% !important;
height: 0px !important;
background-color: #efefef !important;
box-shadow: -10px 0px 10px #444 !important;
}
#apply_votes_bar.visible
{
position: fixed !important;
bottom: 0px !important;
left: 0px !important;
width: 100% !important;
height: 35px !important;
height: 55px !important;
background-color: #efefef !important;
color: #3a3a3a !important;
font-weight: bold !important;
padding-top: 10px !important;
background-color: #3a3a3a !important;
background-color: #0077dd !important;
color: #efefef !important;
box-shadow: -5px 0px 5px #333 !important;
}
#apply_votes_bar.visible span
{
padding: 0px 10px !important;
font-size: 16pt;
}
#apply_votes_bar.vote-warning
{
background-color: #d63c3a !important;
color: #fff !important;
}
#apply_votes_bar.vote-warning span
{
color: #fff !important;
}
#apply_votes_bar button.disabled
{
background-color: #c4c4c4 !important;
color: #eee !important;
}
#apply_votes_bar button.disabled:hover
{
cursor: default !important;
cursor: not-allowed !important;
}
div.voting_buttons_wrapper div.vb_3 input.feature_vote_amount
{
width: 100% !important;
border: 0px;
background: none !important;
/* background-color: #48A600; */
border-top: 0px;
border-radius: 0px;
color: #fff;
height: 100%;
}
div.voting_buttons_wrapper div.vb_3
{
height: 33.333% !important;
/* background-color: #4DB200; */
/* background-color: #3c3c3c !important; */
background-color: #efefef !important;
border: solid 1px #e4e4e4 !important;
text-align: center;
}
div.voting_buttons_wrapper div.vb_3 p
{
/* color: #d4d4d4 !important; */
color: #333 !important;
}
div.voting_buttons_wrapper div.vb_3 p:hover
{
cursor: pointer;
cursor: hand;
/* color: #e4e4e4 !important; */
}
div.voting_buttons_wrapper
{
border-radius: 3px !important;
}
div.voting_text_wrapper p
{
font-weight: normal;
font-weight: 500;
color: #555;
}
/*----------------------------
Word Cloud/Solutions Page
----------------------------*/
#word_cloud a
{
-webkit-transition: opacity 0.3s ease-in-out important;
-moz-transition: opacity 0.3s ease-in-out important;
-o-transition: opacity 0.3s ease-in-out important;
-ms-transition: opacity 0.3s ease-in-out important;
transition: opacity 0.3s ease-in-out important;
opacity: 1 important;
filter: alpha(opacity=100) important; /* For IE8 and earlier */
}
#word_cloud a:hover
{
opacity: 0.5 important;
filter: alpha(opacity=50) important; /* For IE8 and earlier */
cursor: pointer important;
cursor: hand important;
}
#word_cloud_description
{
height: 70px important;
overflow: hidden important;
-webkit-transition: all 0.7s ease-in-out important;
-moz-transition: all 0.7s ease-in-out important;
-o-transition: all 0.7s ease-in-out important;
-ms-transition: all 0.7s ease-in-out important;
transition: all 0.7s ease-in-out important;
}
#word_cloud_description li
{
line-height: 2.0em important;
font-weight: bold important;
font-weight: 600 important;
font-size: 11pt important;
}
#word_cloud_description li li
{
font-weight: normal important;
}
/*----------------------------
Comparison Table
----------------------------*/
#comparison_table, #comparison_table tbody
{
border: 0px !important;
border-spacing: 0px !important;
}
#comparison_table .even td
{
background-color: #fdfdfd;
border-right: 0px !important;
}
#comparison_table .odd td
{
background-color: #f2f2f2;
border-right: none !important;
}
#comparison_table .category td
{
background-color: #e4e4e4;
border-right: none !important;
}
#comparison_table th
{
text-align: center;
padding: 0px 0px 20px 0px;
width: 220px;
}
#comparison_table th.features
{
font-weight: bold;
font-weight: 600;
font-size: 12pt;
color: #a4a4a4;
text-align: left;
border-right: solid 0px #c4c4c4;
padding-bottom: 0px;
background: #fff;
}
#comparison_table td.features
{
font-weight: normal;
text-align: left;
padding-left: 20px;
}
#comparison_table tr.even td.features
{
background-color: #fdfdfd;
}
#comparison_table tr.odd td.features
{
background-color: #f0f0f0;
}
#comparison_table .category td.features
{
font-weight: bold;
font-weight: 500;
color: #3c3c3c;
}
#comparison_table td.features label
{
margin-top: 5px;
}
#comparison_table td.yescheck
{
text-align: center;
}
#comparison_table .yescheck img
{
width: 27px;
border: none;
color: #00A74E;
alt-text: "YES";
}
#comparison_table td
{
padding: 3px;
margin: 0px !important;
border: 0px !important;
}
#comparison_table .features
{
width: 250px;
}
#comparison_table span.link
{
font-size: 8pt;
color: #0077dd;
text-decoration: none;
}
#comparison_table td:hover span.link
{
text-decoration: underline;
}
#comparison_table td.features span.description, #comparison_table td.features
{
-webkit-transition: height 0.7s ease-in;
-moz-transition: height 0.7s ease-in;
-o-transition: height 0.7s ease-in;
-ms-transition: height 0.7s ease-in;
transition: height 0.7s ease-in;
}
#comparison_table label
{
font-size: 10pt;
color: #0077dd;
text-decoration: none;
width: 100%;
padding-top: 0px;
}
#comparison_table td:hover label, #comparison_table label:hover
{
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
#comparison_table span.container
{
display: block;
margin-top: 0px;
padding-top: 0px;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
font-size: 10pt;
position: relative;
height: 0px;
/* width: 300px; */
-webkit-transition: height 0.7s ease-in-out;
-moz-transition: height 0.7s ease-in-out;
-o-transition: height 0.7s ease-in-out;
-ms-transition: height 0.7s ease-in-out;
transition: height 0.7s ease-in-out;
}
#comparison_table tbody span.container
{
max-width: 300px;
}
#comparison_table input
{
display: none;
}
#comparison_table input:checked ~ span.container
{
height: 200px;
-webkit-transition: height 0.7s ease-in-out;
-moz-transition: height 0.7s ease-in-out;
-o-transition: height 0.7s ease-in-out;
-ms-transition: height 0.7s ease-in-out;
transition: height 0.7s ease-in-out;
}
div.accordion #comparison_table label img
{
width: 25px;
border: 0;
margin:-5px 20px 0px 0px;
vertical-align: middle;
}
div.accordion #comparison_table label
{
font-weight: normal;
font-size: 13pt;
}
div.accordion #comparison_table span.container
{
padding-left: 45px;
font-weight: normal;
font-size: 12pt;
color: #4C4C4C;
}
div.accordion #comparison_table input:checked ~ span.container
{
height: 100px;
}
div.accordion #comparison_table input:checked ~ label
{
color: #2c2c2c;
font-weight: bold;
font-weight: 600;
}
#comparison_table input:checked ~ span.description
{
display: block;
visibility: true;
margin-top: 10px;
padding-top: 20px;
width: 250px;
overflow-x: hidden;
overflow-y: scroll;
font-size: 9pt;
color: #4c4c4c;
}
#comparison_table a
{
font-size: 10pt;
}
#comparison_table .button, #comparison_table th .button
{
padding: 12px 25px;
font-size: 12pt;
}
#comparison_table .compare_button
{
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
padding: 20px 40px;
box-shadow: 0px 2px 0px #488005;
}
#comparison_table .compare_button:hover
{
background: #7cbc0a; /* Old browsers */
background: -moz-linear-gradient(top, #7cbc0a 0%, #80c217 51%, #a1d54f 50%, #9dd53a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7cbc0a 0%, #80c217 51%, #a1d54f 50%, #9dd53a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7cbc0a 0%, #80c217 51%, #a1d54f 50%, #9dd53a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#9dd53a',GradientType=0 ); /* IE6-9 */
padding: 20px 40px;
box-shadow: 0px 2px 0px #488005;
}
#comparison_table .radial-center-1
{
/* fallback */
background-color: #FF9226;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FF9E35), to(#FF9226));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #FF9E35, #FF9226);
/* Firefox 3.6+ */
background: -moz-radial-gradient(circle, #FF9E35, #FF9226);
/* IE 10 */
background: -ms-radial-gradient(circle, #FF9E35, #FF9226);
}
#comparison_table .radial-center-2
{
/* fallback */
background-color: #d63c3a;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ED4240), to(#d63c3a));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #ED4240, #d63c3a);
/* Firefox 3.6+ */
background: -moz-radial-gradient(circle, #ED4240, #d63c3a);
/* IE 10 */
background: -ms-radial-gradient(circle, #ED4240 , #d63c3a);
}
#comparison_table .radial-center-3
{
/* fallback */
background-color: #0077dd;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1188ee), to(#0077dd));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #1188ee, #0077dd);
/* Firefox 3.6+ */
background: -moz-radial-gradient(circle, #1188ee, #0077dd);
/* IE 10 */
background: -ms-radial-gradient(circle, #1188ee, #0077dd);
}
#comparison_table .button, #comparison_table .button:hover
{
border: none !important;
border-radius: 3px;
font-weight: 600;
padding: 12px 25px;
font-size: 12pt;
}
@media (max-width: 768px)
{
#comparison_table a.button
{
padding: 12px !important;
font-size: 10pt !important;
}
}
@media (max-width: 520px)
{
#comparison_table td, #comparison_table th
{
display: block !important;
width: 100% !important;
}
#comparison_table a.button
{
padding: 12px !important;
width: 100% !important;
font-size: 12pt !important;
}
#comparison_table .category .nocheck
{
display: none !important;
height: 0px !important;
width: 0px !important;
visibility: hidden !important;
}
#comparison_table .link2 .container
{
margin-top: 10px !important;
}
#comparison_table span.container
{
height: auto !important;
overflow-y: visible;
padding-right: 30px;
}
#comparison_table th
{
border-left: 0px !important;
}
#comparison_table tr.category td.features
{
font-size: 14pt;
padding 10px 20px;
font-weight: 700;
}
#comparison_table tr td:nth-of-type(2):before
{
content: "Express";
font-weight: bold;
color: #ff9226;
}
#comparison_table tr td:nth-of-type(3):before
{
content: "Service ";
font-weight: bold;
color: #d63c3a;
}
#comparison_table tr td:nth-of-type(4):before
{
content: "Corporate ";
font-weight: bold;
color: #4db200;
}
#comparison_table tr td.nocheck:before
{
content: "Not Available in this Version ";
font-weight: bold;
}
#comparison_table tr td.nocheck
{
text-align: center;
margin: 0px auto;
}
#comparison_table tr td.price:before, #comparison_table tr td.signup:before
{
content: "";
}
#comparison_table tr td.signup
{
background-color: #fff !important;
margin: 20px 10px !important;
}
#comparison_table tr td.express a:after
{
content: "MaxxTraxx Express Sign Up"
}
#comparison_table tr td.service a:after
{
content: "MaxxTraxx Service Sign Up"
}
#comparison_table tr td.corp a:after
{
content: "MaxxTraxx Corporate Sign Up"
}
}
/*-----------------------------------
SHADOWBOX/LIGHTBOX MODULES USE
-----------------------------------*/
#comparison_table span.description a
{
rel="boxplus";
}
#boxplus .boxplus-controls
{
width: 100%;
text-align: center;
}
#boxplus .boxplus-controls > .boxplus-close
{
background-image: url('../images/button-close_3.png') !important;
width: 150px !important;
margin-top: 10px;
text-align: center !important;
cursor: pointer;
cursor: hand;
}
#comarison_table a span.decription strong
{
color: #070707;
text-decoration: none;
}
#comparison_table br
{
line-height: 1.7em;
}
#comparison_table tr:hover td
{
background-color: #CEE6FF;
}
#comparison_table tr.category:hover td
{
background-color: #e4e4e4;
}
#comparison_table tr.odd2:hover td
{
background-color: #fff;
}
.faq span.container, .faq span.description
{
width: 100%;
width: 960px;
overflow: scroll;
}
.faq img
{
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
.faq label:hover img
{
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#comparison_table input:checked ~ label img
{
opacity: 0.0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
/*----------------------------
Following Box
----------------------------*/
#following_box, .following_box, #article_content .fade
{
animation: fadein 3s;
-moz-animation: fadein 3s; /* Firefox */
-webkit-animation: fadein 3s; /* Safari and Chrome */
-o-animation: fadein 3s; /* Opera */
padding: 0px 15px;
}
.slow_fade
{
animation: fadein 8s;
-moz-animation: fadein 8s; /* Firefox */
-webkit-animation: fadein 8s; /* Safari and Chrome */
-o-animation: fadein 8s; /* Opera */
}
@keyframes fadein
{
from
{
opacity:0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to
{
opacity:1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
/* Firefox */
@-moz-keyframes fadein
{
from
{
opacity:0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to
{
opacity:1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
/* Safari and Chrome */
@-webkit-keyframes fadein
{
from
{
opacity:0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to
{
opacity:1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
/* Opera */
@-o-keyframes fadein
{
from {
opacity:0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to
{
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
/*----------------------------
Menu CSS
----------------------------*/
@media screen and (min-width: 769px)
{
#menu_wrapper
{
width: 100%;
background-color: #fff;
position: fixed;
z-index: 99999 !important;
/* Firefox */
-moz-box-shadow: 0px 0px 10px #c4c4c4;
/* Safari and Chrome */
-webkit-box-shadow: 0px 0px 10px #c4c4c4;
/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
box-shadow: 0px 0px 10px #c4c4c4;
}
#menu_container
{
width: 960px;
height: 35px;
position: relative;
margin: 35px auto 10px auto;
text-align: left;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
font-weight: bold;
font-weight: 600;
text-decoration: none;
}
#menu_container ul
{
font-size: 10pt;
height: 100%;
background-color: #fff;
float: right;
}
#menu_container li
{
margin: 0px;
display: inline;
float: left;
height: 100%;
}
#menu_container li a, #menu_container li a.visted
{
float: left;
line-height: 14px;
text-decoration: none;
color: #070707;
padding: 17.5px;
padding-top: 15px;
padding-bottom: 15px;
text-transform: uppercase;
}
#menu_container li[class*="current"] a, #menu_container li[class*="active"] a
{
background: transparent;
color: #0077dd;
}
#menu_container li[class*="current"], #menu_container li[class*="active"]
{
/* background-color: #0099ff; */
}
#menu_container li:hover a
{
background: transparent;
}
#menu_container li
{
border-bottom: solid 0px #a4a4a4;
-moz-transition: all 0.2s ease-out; /* FF4+ */
-o-transition: all 0.2s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.2s ease-out; /* IE10? */
transition: all 0.2s ease-out;
}
#menu_container li:hover
{
height: 100%;
border-bottom: solid 1px #a4a4a4;
}
#menu_container li[class*="parent"] li, menu_container li[class*="parent"] ul, #menu_container li ul, #menu_container li li, #menu_container li li a
{
/*display: none;
visibility: hidden;
background: transparent;
padding: 0px;
margin: 0px;*/
}
.menu-block ul
{
z-index: 9999 !important;
}
/*----------------------------
Sub-Menu CSS
----------------------------*/
.gf-menu.l1 > li > .dropdown
{
margin-top: -25px;
}
#sub_nav, #sub_nav_1
{
float: left;
width: 100%;
font-family: 'Open Sans', 'Helvetica' , 'Arial' , sans-serif;
font-weight: bold;
font-weight: 500;
text-decoration: none;
margin-bottom: 0px;
/* z-index: 99 !important; */
}
#sub_nav li
{
/*display: none;*/
}
#sub_nav li[class*="parent"] a
{
/*display: none;*/
}
#sub_nav li[class*="parent"]
{
display: inline;
text-decoration: none;
float: left;
}
#sub_nav li a
{
/*display: none;*/
text-decoration: none;
float: left;
}
#sub_nav li[class*="current"] li, #sub_nav li[class*="active"] li
{
display: inline;
text-decoration: none;
float: left;
margin-top: -20px;
}
#sub_nav li[class*="current"] li a, #sub_nav li[class*="active"] li a
{
display: inline;
text-decoration: none;
color: #ababab;
font-size: 10pt;
padding-bottom: 2px;
}
#sub_nav li[class*="parent"] li a:hover
{
color: #070707;
}
#sub_nav li[class*="parent"] li[class*="current"] a
{
color: #0099ff;
border-bottom: 4px solid #0099ff;
margin-bottom: -3px;
}
#sub_nav li li[class*="parent"] ul
{
/*display: none;*/
}
#sub_nav li li[class*="parent"] li a
{
/*display: none;*/
}
}
/*--------------------------
Call To Action Buttons
--------------------------*/
.call_to_action_wrapper a.button, call_to_action_wrapper a.button:focus, call_to_action_wrapper a.button:active, call_to_action_wrapper a.button:visited
{
border: none;
background-color: #fff;
color: #000;
padding: 10px;
margin-right: -5px;
font-family: 'Open Sans' , 'Helvetica' , 'Arial' , sans-serif;
font-weight: bold;
font-weight: 500;
font-size: 10pt;
text-decoration: none;
}
.call_to_action_wrapper a.button_rounded, call_to_action_wrapper a.button_rounded:focus, call_to_action_wrapper a.button_rounded:active, call_to_action_wrapper a.button_rounded:visited, a.button_rounded, a.button_rounded:visited
{
border: none;
background-color: #fff;
color: #000;
padding: 10px;
margin-right: -5px;
font-family: 'Open Sans' , 'Helvetica' , 'Arial' , sans-serif;
font-weight: bold;
font-weight: 500;
font-size: 10pt;
text-decoration: none;
border-radius: 2px;
}
.call_to_action_wrapper a:hover
{
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
/*--------------------------
Logo Container
--------------------------*/
#logo_container p
{
margin-top: 0px;
margin-bottom: -10px;
padding-right: 25px;
color: #b4b4b4;
font-size: 14pt;
float: right;
}
/*--------------------------
Help Desk Banner
--------------------------*/
#help_banner_wrapper
{
margin-bottom: 30px;
}
/*--------------------------
Slideshow CK CSS
--------------------------*/
#slideshow
{
height: 27%;
text-align: left;
margin: 0px auto -250px auto;
}
div [class*="slideshowck_homepage"]
{
margin-left: 0;
}
/*--------------------------
Social Media Icons
--------------------------*/
#social_icon_wrapper
{
overflow: hidden;
height: 40px;
margin-right: 0px;
padding-top: 0px;
margin-top: -55px;
position: relative;
z-index: 200;
}
.social_icon_wrapper img
{
border:1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.social_icon:hover
{
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
#social_icon_wrapper p
{
margin-top: 5px;
color: #b4b4b4;
font-size: 17pt;
}
/*--------------------------
Online Requests Table
--------------------------*/
div.request_table_row
{
width: 100%;
position: relative;
border-radius: 3px;
border: solid 1px #c4c4c4;
height: 40px;
margin: 5px 0px;
overflow: hidden;
padding: 0px;
}
div.request_table_cells
{
height: 40px;
padding: 0px 0px;
float: left;
display: inline;
position: relative;
overflow: hidden;
}
div.request_table_cells p
{
padding: 10px 7px;
margin: 0px;
border-right: solid 1px #e4e4e4;
height: 20px;
font-size: 10pt !important;
}
div.edit_link
{
background-color: #0077dd;
color: #fff;
font-weight: bold;
border-right: solid 0px #0077dd;
}
div.edit_link a
{
color: #fff !important;
font-weight: bold;
}
#edit_form input[readonly="readonly"], #edit_form input[readonly]
{
border: 0px;
background: #fff !important;
}
#edit_form label
{
font-weight: bold;
}
/*--------------------------
Forms CSS
--------------------------*/
#color_bar_content form
{
font-family: 'Open Sans' , 'Helvetica' , 'Arial' , sans-serif !important;
}
#color_bar_content label
{
font-size: 10pt;
line-height: 1.2em;
font-weight: bold;
font-weight: 600;
float: left;
width: 12em;
margin-right: 1.5em;
color: #303030;
}
#color_bar_content fieldset
{
margin: 20px 0px 20px 0px;
padding: 10px 20px 20px 20px;
border: solid 1px #dfdfdf;
border-radius: 4px;
}
#color_bar_content .formContainer
{
border: none;
}
#color_bar_content legend
{
font-weight: bold;
font-weight: 600;
color: #0099ff;
margin-left: 20px;
}
#color_bar_content input, #color_bar_content textarea, #color_bar_content select
{
font-family: 'Open Sans' , 'Helvetica' , 'Arial' , sans-serif !important;
font-size: 10pt !important;
border-radius: 2px;
padding: 4px;
border: solid 1px #c5c5c5;
outline: 0;
background: #fff;
background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
background: -moz-linear-gradient(top, #fff, #eee 1px, #fff 25px);
}
#color_bar_content input:focus,#color_bar_content input:active,#color_bar_content textarea:focus,#color_bar_content textarea:active
{
background: #fff;
border: solid 1px #0099ff;
background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #f3f3f3), to(#fff));
background: -moz-linear-gradient(top, #fff, #f3f3f3 1px, #fff 25px);
/* Firefox */
-moz-box-shadow: 0px 0px 2px #0099ff;
/* Safari and Chrome */
-webkit-box-shadow: 0px 0px 2px #0099ff;
/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
box-shadow: 0px 0px 2px #0099ff;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=2, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=2, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=2, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=2, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=2, Direction=270);
}
#color_bar_content input.checkbox
{
border: solid 0px #fff;
}
#color_bar_content input.large_check
{
-ms-transform: scale(1.2); /* IE */
-moz-transform: scale(1.2); /* FF */
-webkit-transform: scale(1.2); /* Safari and Chrome */
-o-transform: scale(1.2); /* Opera */
}
/* ---Radio buttons as a toggle switch--- */
#color_bar_content #m-button
{
width:200px;
font-size: 12pt;
background-color:#EFEFEF;
border-radius: 4px 0px 0px 4px;
border: solid 1px #c4c4c4;
margin: 0px !important;
padding: 20px 20px;
}
#color_bar_content #y-button
{
width:200px;
font-size: 12pt;
background-color:#EFEFEF;
border-radius: 0px 4px 4px 0px;
border: solid 1px #c4c4c4;
margin: 0px !important;
padding: 20px 20px;
}
#color_bar_content #m-button.pressed, #color_bar_content #y-button.pressed
{
background-color:#0077dd;
color: #fff;
border: solid 1px #0044bb;
}
#color_bar_content .submit_button, #color_bar_content .submit_button:focus
{
border: solid 1px #c5c5c5;
background: #e4e4e4;
background: -webkit-gradient(linear, left bottom, left 25, from(#f5f5f5), color-stop(4%, #e4e4e4), to(#f5f5f5));
background: -moz-linear-gradient(bottom, #f5f5f5, #e4e4e4 1px, #f5f5f5 25px);
color: #000;
margin: 30px 0px 20px 0px;
padding: 10px;
width: 120px;
font-size: 16pt;
}
#color_bar_content .submit_button:hover
{
border-radius: 3px;
background: #d4d4d4;
background: -webkit-gradient(linear, left bottom, left 25, from(#f5f5f5), color-stop(4%, #d4d4d4), to(#f5f5f5));
background: -moz-linear-gradient(bottom, #f5f5f5, #d4d4d4 1px, #f5f5f5 25px);
}
#color_bar_content .submit_button:active
{
border: solid 1px #c5c5c5;
border-radius: 3px;
background: #d2d2d2;
background: -webkit-gradient(linear, left top, left 25, from(#f5f5f5), color-stop(4%, #d4d4d4), to(#f5f5f5));
background: -moz-linear-gradient(top, #f5f5f5, #d4d4d4 1px, #f5f5f5 25px);
}
#color_bar_content .rsform-radios label
{
float: none;
margin-left: 5px;
}
#color_bar_content .submit_button_flat, .rsform-button, .rsform-buttons .rsform-button-prev, .rsform-buttons .rsform-button-next, .rsform-buttons .rsform-submit-button, .rsform-buttons input.rsform-submit-button, .rsform-buttons input.rsform-button-prev
{
color: #fff !important;
margin: 30px 0px 30px 0px;
padding: 10px !important;
width: 120px !important;
border: 0 !important;
font-size: 16pt !important;
background-color: #4DB200;
border-radius: 3px !important;
}
#color_bar_content .rsform-buttons .formControls
{
margin-left: 0px !important;
}
#color_bar_content input.rsform-button-prev, .rsform-button-prev
{
background-color: #333 !important;
margin-right: 10px !important;
background: #333 !important;
text-align: center !important;
font-size: 16pt !important;
font-weight: 600 !important;
}
.rsform-button-next
{
background-color: #0077dd !important;
margin-left: 10px !important;
}
#color_bar_content input.rsform-submit-button
{
background-color: #4DB200 !important;
margin-left: 10px !important;
background: #4DB200 !important;
text-align: center !important;
font-size: 16pt !important;
font-weight: 600 !important;
}
#color_bar_content .submit_button_flat:hover
{
cursor: pointer;
cursor: hand;
}
button.fade:hover
{
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
.valid
{
border-radius: 3px;
}
.invalid
{
border-color: #e35152;
border-radius: 3px;
}
.hint
{
display:none;
position: inline;
right: -250px;
width: 200px;
margin-top: -4px;
padding: 10px 12px;
background-color: #ffc;
border: solid 0px #fff;
}
.hint_valid
{
display: none;
color: #00ff00;
position: inline;
margin-left: 50px;
border: solid 0px #fff;
}
.hint_invalid
{ color: #e35152;
position: inline;
margin-left: 50px;
font-style: italic;
border: solid 0px #fff;
}
.hint_quote
{
float: right;
text-align: right;
font-size: 12pt;
color: #070707;
position: relative;
margin: 0px 150px 0px 250px;
font-style: italic;
border: solid 0px #fff;
width: 80%;
}
.submit_button2, .submit_button2:focus
{
border-radius: 3px;
border: solid 1px #c5c5c5;
background: #f5f5f5;
background: -webkit-gradient(linear, left bottom, left 25, from(#5bbf40), color-stop(4%, #2f9514), to(#5bbf40));
background: -moz-linear-gradient(bottom, #5bbf40, #2f9514 1px, #5bbf40 25px);
color: #fff;
margin: 20px 0px 0px 10px;
padding: 10px;
font-size: 10pt;
font-weight: bold;
font-weight: 500;
text-decoration: none;
}
.submit_button2:hover
{
border-radius: 3px;
background: #d4d4d4;
background: -webkit-gradient(linear, left bottom, left 25, from(#2f9514), color-stop(4%, #5bbf40), to(#2f9514));
background: -moz-linear-gradient(bottom, #2f9514, #5bbf40 1px, #2f9514 25px);
}
.submit_button2:active
{
border: solid 1px #c5c5c5;
border-radius: 3px;
background: #d2d2d2;
background: -webkit-gradient(linear, left bottom, left 25, from(#2f9514), color-stop(4%, #5bbf40), to(#2f9514));
background: -moz-linear-gradient(bottom, #2f9514, #5bbf40 1px, #2f9514 25px);
}
.submit_button3, .submit_button3:focus
{
border-radius: 3px;
border: solid 1px #c5c5c5;
background: #f5f5f5;
background: -webkit-gradient(linear, left bottom, left 25, from(#f5f5f5), color-stop(4%, #e4e4e4), to(#f5f5f5));
background: -moz-linear-gradient(bottom, #f5f5f5, #e4e4e4 1px, #f5f5f5 25px);
color: #000;
margin-top: 20px 0px 0px 10px;
padding: 10px;
font-size: 10pt;
font-weight: bold;
font-weight: 500;
text-decoration: none;
}
.submit_button3:hover
{
border-radius: 3px;
background: #d4d4d4;
background: -webkit-gradient(linear, left bottom, left 25, from(#f5f5f5), color-stop(4%, #d4d4d4), to(#f5f5f5));
background: -moz-linear-gradient(bottom, #e4e4e4, #f5f5f5 1px, #e4e4e4 25px);
}
.submit_button3:active
{
border: solid 1px #c5c5c5;
border-radius: 3px;
background: #d2d2d2;
background: -webkit-gradient(linear, left top, left 25, from(#f5f5f5), color-stop(4%, #d4d4d4), to(#f5f5f5));
background: -moz-linear-gradient(top, #f5f5f5, #d4d4d4 1px, #f5f5f5 25px);
}
#color_bar_content span.tooltip
{
opacity: 0.0;
filter: alpha(opacity=0);
position: absolute;
/* z-index: -50;*/
padding: 10px;
font-size: 14px;
text-align: center;
color: #fff;
background-color: #2c3e50;
border: 4px solid #2c3e50;
border-radius: 5px;
}
#color_bar_content input:focus + span.tooltip
{
display: inherit;
opacity: 0.95;
filter: alpha(opacity=95);
/* z-index: 50; */
padding: 10px;
font-size: 14px;
text-align: center;
color: #fff;
background-color: #2c3e50;
border: 4px solid #2c3e50;
border-radius: 5px;
margin-top: -90px;
margin-left: 200px;
margin: -90px 0px 0px 150px;
z-index: 99;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
-ms-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
#color_bar_content input:focus + span.tooltip:after
{
content: "";
width: 0;
height: 0;
position: absolute;
border-width: 10px;
border-style: solid;
border-color: #2c3e50 transparent transparent transparent;
top: 44px;
left: 50%;
z-index: -100 !important;
}
/*--------------------------
Top Searchbar CSS
--------------------------*/
#top_searchbar
{
position: fixed;
top: 0px;
margin-top: 0px;
width: 100%;
background-color: #f4f4f4;
height: 40px;
border-bottom: solid 1px #e4e4e4;
z-index: 999;
}
#top_searchbar .fade:hover
{
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
#top_searchbar_content
{
width: 960px;
margin: 0px auto;
}
#top_searchbar_content div.custom p span, #top_searchbar_content div.custom p
{
visibility: hidden !important;
opacity: 0 !important;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
#top_searchbar_content div.custom div.phonewrapper p, #top_searchbar_content div.custom #color_bar_content p
{
visibility: visible !important;
opacity: 1 !important;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*--------------------------
Searchbar CSS
--------------------------*/
#searchbar
{
float: right;
width: 350px;
color: #ababab;
margin-top: 10px;
}
#roksearch_search_str
{
color: #ababab;
border: 0px;
}
#roksearch_search_str:focus
{
color: #ababab;
border: 0px;
}
#top_searchbar .search
{
margin-top: -5px !important;
width: 350px;
float: left;
text-align: left;
padding-left: 3px;
}
.search #mod-search-searchword
{
background: #f4f4f4;
background-color: #f4f4f4;
border: solid 4px #e7e7e7;
border-radius: 0px;
margin-right: 3px;
color: #a4a4a4;
width: 180px;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search #mod-search-searchword:focus, .search #mod-search-searchword:active
{
background-color: #fff;
background: #fff;
width: 245px;
color: #070707;
border: solid 4px #0099ff;
}
.search input.button
{
background: #f4f4f4 !important;
border: none;
margin-left: 10px;
padding: 2px 7px;
padding-top: 4px;
padding-right: 12px;
color: #fff;
font-size: 11pt;
border-radius: 0px;
border-bottom: solid 3px #b4b4b4;
background-color: #c4c4c4!important;
text-align: right;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search input.button
{
border: none;
border-radius: 2px;
padding: 5px 10px;
padding-right: 15px;
}
.search input.button:hover
{
cursor: hand;
cursor: pointer;
}
.search #mod-search-searchword:focus + input.button
{
background-color: #0099ff!important;
}
#article_content div.search, #article_content div.finder
{
width: 960px;
margin: 0px auto;
}
#searchForm:before
{
content:"Search Results";
font-size: 20pt;
margin-left: 20px !important;
color: #494949;
font-weight: normal;
letter-spacing: 2px;
font-weight: 400;
}
#search-form:before
{
content:"Search Knowledgebase";
font-size: 20pt;
margin-left: 20px !important;
color: #494949;
font-weight: bold;
letter-spacing: 2px;
font-weight: 600;
}
dl.search-results, div.search-pagination
{
padding: 0px 20px;
}
div.search-pagination
{
padding-bottom: 40px;
}
.search .word, #search-form #finder-search .word
{
width: 100%;
border: none;
}
#mod-finder-searchform
{
width: 960px;
margin: 0px auto;
}
#mod-finder-searchform:before
{
content:"Search Knowledgebase";
font-size: 20pt;
margin-left: 20px !important;
color: #494949;
font-weight: bold;
font-weight: 500;
letter-spacing: 2px;
}
.search .word input.inputbox, .finder input.inputbox
{
margin-right: 20px !important;
padding: 0px 20px !important;
border: solid 10px #ececec;
border-radius: 3px;
background-color: #fff;
background: #fff;
width: 70%;
height: 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search .word input.inputbox, .finder input.inputbox:focus
{
border: solid 10px #0077dd;
}
#article_content .search .word input.inputbox:focus, #article_content .search .word input.inputbox:active, #article_content .finder .word input.inputbox:focus, #article_content .finder .word input.inputbox:active
{
border: solid 10px #0099ff;
/* Firefox */
-moz-box-shadow: 0px 0px 0px #0099ff;
/* Safari and Chrome */
-webkit-box-shadow: 0px 0px 0px #0099ff;
/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
box-shadow: 0px 0px 0px #0099ff;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=0, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=0, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=0, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=0, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#0099ff, Strength=0, Direction=270);
}
.search .word .button, .finder .button
{
padding: 10px 20px !important;
background-color: #0077dd;
color: #fff;
border: none;
border-bottom: solid 0px #0077dd;
border-radius: 3px;
font-size: 14pt;
}
.search .word .button:hover, .finder .button:hover
{
cursor: hand;
cursor: pointer;
}
.search .phrases, .search .only, .search .word label, .search label, #finder-search .word label, #finder-search #advanced-search-toggle, #search-results #search-query-explained
{
display: none;
}
.search dt.result-title, .search-results dt.result-title
{
margin-top: 20px;
margin-bottom: 0px;
border-top: solid 1px #efefef;
padding-top: 10px;
font-size: 14pt !important;
color: #fff !important;
width: 100%;
}
.search dt.result-title a, .search-results dt.result-title a
{
font-size: 12pt !important;
width: 100%;
}
.search dt.result-title a:hover, .search-results dt.result-title a:hover
{
color: #0099ff;
}
.search dd.result-created, dd.result-category, .search-results dd.result-url
{
display: none;
}
.search .form-limit, .search .searchintro, .search .counter
{
padding-left: 20px !important;
}
.search .searchintro
{
margin-top: 50px !important;
}
.search .inputbox
{
max-width: 800px !important;
border-radius: 3px !important;
}
.search dd.result-text, .search-results dd.result-text
{
color: #4c4c4c;
line-height: 1.5em;
font-size: 9.5pt;
word-spacing: 0.5px;
margin-left: 20px !important;
padding-right: 20px !important;
}
.search dd.result-text span, .search-results .highlight
{
color: #2c2c2c;
text-shadow: 0px 0px 0px #000, 0px 0px 0px #fff;
font-weight: bold;
font-weight: 500;
background: none !important;
}
.search .pagination ul, .search-pagination .pagination ul
{
list-style-type: none;
border-top: solid 1px #d4d4d4;
margin-top: 30px !important;
padding-top: 20px !important;
}
.search .pagination li, .search-pagination .pagination li
{
float: left;
position: relative;
padding: 15px !important;
font-weight: bold;
font-weight: 500;
font-size: 12pt;
}
/*--------------------------
Contact Forms for Email
--------------------------*/
#article_content div.contact
{
width: 960px;
margin: 0px auto;
}
#article_content div.contact h3
{
display: none;
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
height: 0px;
width: 0px;
overflow: hidden;
}
#article_content div.contact div.contact-form form dd
{
margin-bottom: 15px;
}
#article_content div.contact div.contact-form form span.star
{
color: #ff0000;
}
#article_content div.contact div.contact-form form button.button
{
color: #fff;
margin: 30px 0px 30px 0px;
padding: 10px;
width: 200px;
border: 0;
font-size: 16pt;
background-color: #4DB200;
border-radius: 3px;
}
#article_content div.contact div.contact-form form button.button:hover
{
cursor: pointer;
cursor: hand;
}
/*--------------------------
Accordion CSS
--------------------------*/
.accordion
{
padding: 40px;
}
.accordion h4 + div
{
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
border-bottom: solid 0px #c4c4c4;
}
.accordion div p
{
padding-left: 20px;
padding: right: 20px;
}
.accordion :target h4 + div
{
height: 100px;
}
.accordion :target h4
{
padding-top: 150px;
}
.accordion .section:target h4 + div
{
overflow: auto;
}
/*--------------------------
Calendar Module
--------------------------*/
#calendar_container
{
padding: 0px 60px;
margin-bottom: 0px;
}
/*--------------------------
Calendar (Datepicker)
--------------------------*/
div.calendar
{
border-radius: 3px;
}
div.calendar table thead td.title
{
background-color: #0077dd !important;
}
div.calendar table thead tr.headrow, div.calendar table thead tr.daynames
{
background-color: #e4e4e4 !important;
}
div.calendar table tbody td.selected
{
background-color: #0077dd !important;
border: #0077dd !important;
}
div.menu-block ul ul, div.menu-block ul ul li, div.menu-block ul .dropdown
{
/*display: none !important;
height: 0px !important;
width: 0px !important;*/
}
/*--------------------------
Archived Webinars
--------------------------*/
#archived_webinars a, #archived_webinars a:hover
{
line-height: 1.8em;
}
/*--------------------------
Boxes Modules CSS
--------------------------*/
#boxes_wrapper_960
{
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 10pt;
height: 180px;
margin-bottom: 0px;
}
#boxes_wrapper_100
{
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 10pt;
height: 180px;
margin-bottom: 0px;
}
#boxes_wrapper h1
{
font-size: 30pt;
text-shadow: 0px -1px 1px #ababab, 0px 1px 1px #fff;
}
#boxes_container_100
{
position: relative;
overflow: hidden;
width: 100%;
margin: 5px 0px;
float: left;
vertical-align: middle;
}
#boxes_container_50
{
position: relative;
overflow: hidden;
width: 49%;
float: left;
background: #fff;
}
#boxes_container_33
{
position: relative;
overflow: hidden;
background-color: #fff;
width: 32%;
margin: 5px 6px 5px 6px;
float: left;
vertical-align: middle;
}
#boxes_container_25
{
position: relative;
overflow: hidden;
background-color: #fff;
width: 24%;
margin: 5px 4px 5px 4px;
float: left;
vertical-align: middle;
}
#boxes_container_25 p
{
padding-left: 10px;
padding-right: 10px;
}
/*--------------------------
SPTC Table Spacing
-------------------------*/
.row_spacing td
{
padding-top: 30px;
}
.row_spacing td a
{
background-color: #0077dd;
color: #fff !important;
border-radius: 2px;
padding: 7px 20px;
}
.row_spacing_2 td a
{
background-color: #F2BC4F;
color: #fff !important;
border-radius: 2px;
padding: 7px 20px;
}
/*--------------------------
Below Modules CSS
-------------------------*/
#below_wrapper_960, #below_wrapper_100
{
width: 960px;
margin: 0px auto;
font-size: 10pt;
height: 200px;
}
#below_container_100
{
overflow: hidden;
width: 100%;
margin: 5px auto;
float: left;
vertical-align: middle;
}
#below_container_50
{
overflow: hidden;
width: 49%;
margin: 5px 4px 5px 4px;
float: left;
vertical-align: middle;
}
#below_container_33
{
overflow: hidden;
width: 32%;
margin: 5px 4px 5px 4px;
float: left;
vertical-align: middle;
}
#below_container_25
{
overflow: hidden;
width: 24%;
margin: 5px 4px 5px 4px;
float: left;
vertical-align: middle;
}
#below_container_25:hover img
{
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
/*--------------------------
FOOTER CSS
-------------------------*/
#footer_container
{
float: left;
width: 100%;
text-align: center;
background-color: #f4f4f4;
border-top: solid 1px #e4e4e4;
margin: 0px;
margin-top: 30px;
padding: 0px;
padding-top: 10px;
}
#footer_text, #rt-footer
{
/* width: 960px;
margin: 0px auto;
padding-top: 20px;
color: #fff; */
text-align: center !important;
padding-bottom: 20px;
}
#company_footer
{
margin-top: 20px;
border-top: solid 1px #c4c4c4;
background-color: #f4f4f4;
color: #a0a0a0;
padding: 5px 0px;
}
#footer_container ul, #rt-footer .menu
{
/* display: table-row; */
width: 1000px !important;
margin: 20px auto !important;
text-align: left !important;
text-
}
#footer_container ul ul, #rt-footer .menu ul
{
display: table-row !important;
border: none;
}
#footer_container a, #footer_container a.visited, #rt-footer .menu a, #rt-footer .menu a.visited
{
text-decoration: none;
color: #555;
font-size: 9pt !important;
font-style: normal !important;
font-weight: normal !important;
font-family: 'Open Sans', Heveltica, Ariel, san-serif !important;
padding: 0px !important;
margin: 0px 10px !important;
line-height: 1.5em !important;
}
#footer_container a:hover, #rt-footer .menu a:hover
{
text-decoration: underline;
color: #4C90FE;
}
#footer_container ul li, #rt-footer ul.menu li
{
border-top: solid 0px #e4e4e4;
padding-top: 0px;
/* display: table-cell !important; */
/* padding-right: 12px; */
float: left !important;
display: inline !important;
text-transform: none !important;
}
#footer_container ul ul li, #rt-footer .menu .nav-child li
{
display: block !important;
float: none !important;
border: none;
padding: 0px;
margin-top: 0px;
}
#footer_container ul ul a, #footer_container ul ul a.visited, #rt-footer .menu .nav-child a, #rt-footer .menu .nav-child a.visited
{
line-height: 1.9em;
font-size: 8pt !important;
color: #1570A6;
text-transform: none !important;
}
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before
{
content: "";
display: none;
margin-right: 0px;
}
.current
{
clear: none !important;
}
/*--------------------------------------
Mobile Styles
--------------------------------------*/
@media screen and (max-width: 959px)
{
body
{
width: 100% !important;
}
#rt-logo
{
margin: 0px auto !important;
}
div.tri_content
{
clear: both;
width: 100% !important;
display: block !important;
float: left !important;
float: inherit !important;
text-align: center !important;
margin: 15px auto !important;
padding: 0px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: solid 1px #efefef;
height: auto !important;
}
div.duo_content, p.duo_content, .duo_content, span.duo_content
{
clear: both;
width: 100% !important;
position: relative !important;
/* top: 0px !important;
left: 0px !important; */
display: block !important;
float: left !important;
float: inherit !important;
text-align: center !important;
margin: 15px auto !important;
padding: 5px auto !important;
border-left: 0px !important;
border-right: 0px !important;
height: auto !important;
}
img.duo_content_img
{
clear: both;
width: 100% !important;
position: relative !important;
display: block !important;
float: left !important;
float: inherit !important;
text-align: center !important;
margin: 0px auto !important;
padding: 0px auto !important;
border-left: 0px !important;
border-right: 0px !important;
height: auto !important;
top: 0px !important;
left: 0px !important;
}
div.duo_content img, p.duo_content img, .duo_content img
{
clear: both;
width: 100% !important;
position: relative !important;
display: block !important;
float: left !important;
float: inherit !important;
text-align: center !important;
margin: 15px auto !important;
padding: 5px auto !important;
border-left: 0px !important;
border-right: 0px !important;
height: auto !important;
}
div.duo_content img.smaller_img
{
width: 50% !important;
}
a.duo_content
{
padding-left: 0px !important;
padding-right: 0px !important;
}
#trial_count, #live_count
{
display: inline !important;
margin: 0px 5px !important;
}
#color_bar_content p, #color_bar_content h1, #color_bar_content h2, #color_bar_content h3, #color_bar_content h4,
.duo_content p, .duo_content h1, .duo_content h2, .duo_content h3, .duo_content h4, .tri_content p, .tri_content h1, .tri_content h2, .tri_content h3, .tri_content h4
{
padding: 0px 10px;
width: auto !important;
}
div.no_marg
{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
div.no_padding
{
padding: 0px !important;
}
#color_bar_content
{
width: 100% !important;
position: relative;
padding: 0px !important;
}
div.following_box_3
{
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
#flat_button_2, .flat_button_2
{
width: 90% !important;
margin-left: auto !important;
margin-right: auto !important;
/* float: left; */
}
#first_set #flat_button_2, #second_set #flat_button_2
{
width: 35px !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
#first_set #flat_button_2 p, #second_set #flat_button_2 p
{
padding: 0px !important;
}
#first_set #flat_button_2 a, #second_set #flat_button_2 a
{
font-size: 22pt !important;
}
#first_set, #second_set
{
clear: both;
width: 100% !important;
position: relative !important;
display: block !important;
float: left !important;
float: inherit !important;
text-align: center !important;
margin: 15px auto !important;
padding: 5px auto !important;
border-left: 0px !important;
border-right: 0px !important;
height: auto !important;
}
#flat_button_2 #tri_arrow_right
{
display: none !important;
visibility: hidden !important
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
.link2 .container
{
margin-top: 40px !important;
padding-left: 0px !important;
width: auto !important;
}
div.accordion #comparison_table input:checked ~ span.container
{
height: auto !important;
}
#color_bar_content form
{
width: 100% !important;
text-align: center;
}
#color_bar_content form fieldset
{
width: 80% !important;
text-align: left;
margin: 20px auto !important;
}
#color_bar_content form fieldset input, #color_bar_content form fieldset p, #color_bar_content form fieldset textarea
{
width: 100% !important;
/* size: 10 !important; */
padding-left: 0px !important;
margin-left: 0px !important;
}
.rd_text
{
top: 100px !important;
}
.width_auto
{
width: auto !important;
}
.small_txt
{
font-size: 12pt !important;
}
.clear_top
{
top: 0px !important;
}
.clear_left
{
left: 0px !important;
}
.clear_padding
{
padding: 0px !important;
}
div.clear_both
{
clear: both;
margin: 0px !important;
padding: 0px !important;
}
.clear_padding_horz
{
padding-left: 0px !important;
padding-right: 0px !important;
}
.clear_marg
{
margin: 0px !important;
}
.clear_marg_t
{
margin-top: 0px !important;
}
.clear_marg_b
{
margin-bottom: 0px !important;
}
.clear_marg_l
{
margin-left: 0px !important;
}
.clear_marg_r
{
margin-right: 0px !important;
}
.margin_auto
{
margin-left: auto !important;
margin-right: auto !important;
}
div.height_auto
{
height: auto !important;
}
div.width_auto
{
width: auto !important;
}
div.mobile_width_100
{
width: 100% !important;
height: auto !important;
}
div.hide_mobile
{
display: none !important;
visibility: hidden !important
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
}
@media screen and (max-width: 1279px)
{
.hide-mobile
{
display: none !important;
visibility: hidden !important
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
}
@media screen and (max-width: 768px)
{
body.layout-mode-responsive .rt-container
{
max-width: 480px;
}
.gf-menu, .gf-menu-toggle
{
/* z-index: 999999 !important; */
display: inherit !important;
}
.gf-menu .dropdown .flyout
{
margin-left: 0px !important;
margin-top: 3px; !important;
}
#rt-sideslider-open-button
{
display; none;
width: 0px;
height: 0px;
overflow: hidden;
visibility: hidden;
}
#rt-top
{
height: auto !important;
/* background-color: #0099ff;
border-bottom: solid 3px #0077dd; */
}
.rt-logo-block
{
width: 100% !important;
padding: 0px !important;
margin: 0px 0px 10px 0px !important;
float: left !important;
text-align: center !important;
border-bottom: solid 1px #efefef;
}
.employee_mode .rt-logo-block
{
border-bottom: 0px !important;
}
#phone_number
{
visibility: hidden;
display: none;
height: 0px;
width: 0px;
overflow: hidden;
}
.phone_wrappers
{
width: 100% !important;
text-align: center !important;
float: left !important;
position: relative !important;
margin: 0px !important;
margin-top: 20px !important;
padding: 0px !important;
}
.phone_wrappers .button_rounded
{
margin: 0px 3px !important;
}
.phone_wrappers .submit_ticket
{
visibility: hidden;
display: none;
height: 0px;
width: 0px;
overflow: hidden;
}
#rt-top .search
{
visibility: hidden;
display: none;
height: 0px;
width: 0px;
overflow: hidden;
}
.gf-menu .dropdown li li
{
display: none !important;
visibility: hidden !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
.slideshowck_test
{
display: none !important;
visibility: hidden !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
fieldset
{
min-width: 0px !important;
width: 100% !important;
display: table-cell !important;
}
.ss_footer_menu
{
display: none !important;
visibility: hidden !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
}
.z-table tr td
{
padding-bottom: 10px;
}
#color_bar_content .z-table .z-button
{
border-radius: 3px !important;
padding: 10px 20px !important;
font-weight: 500 !important;
font-size: 14pt !important;
color: #fff !important;
background: none !important;
background-color: #0077dd !important;
border: none !important;
}
#color_bar_content .z-table .z-reset
{
background-color: #333 !important;
margin-left: 40px !important;
}
#color_bar_content .z_table .hidden
{
display: none !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
#comm100-button-1073
{
position: fixed !important;
bottom: 0px !important;
right: 0px !important;
z-index: 99 !important;
}
@media screen and (max-width: 768px)
{
#comm100-button-1073
{
display: none !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
}
.hidden {
display: none !important;
visibility: hidden !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
.moduletable_banner {
text-align:center;
}
div.menu-block div.dropdown
{
z-index: 999 !important;
}