/*
960px grid system ~ Core CSS.
12 Columns ~ Margin left: 10px ~ Margin right: 10px
*/

.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 {width: 220px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 460px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}
.grid_14 {width: 530px;}
.grid_15 {width: 255px;}
.column {margin: 0 10px 0 10px;
         overflow: hidden;
         float: left;
         display: inline;}
.row {width: 960px;
         margin: 0 auto;
         overflow: hidden;}
.row .row {margin: 0 -10px 0 -10px;
         width: auto;
         display: inline-block;}
@charset "utf-8";

/* solution.css */
.even {
padding-top: 20px;
}
.banner_image_container {
width:300px;
height:228px;
float:left;
}
#banner_outer_content h2 {
padding: 0px;
margin-bottom: 0px;
}
.largetext_60 {
font-family: 'Open Sans', arial, serif;
font-size:46px;
color:#0b83d3;
line-height:60px;
font-weight:400;
}
#content_two_column {
padding:34px 34px 0px 34px;
width: 380px;
margin-bottom: 28px;
}
.separator {
padding: 20px 0 0 0;
}
#banner_content_container {
float:right;
width:621px;
min-height: 240px;
}
.container_contact_inner {
float:right;
padding-top:18px;
font-size:12px;
padding-right:15px;
}

/*contact email icons*/
.contact-tools{float:right;background-repeat:no-repeat;height:26px;left:20px;padding-left:26px;padding-right:30px;padding-top:5px;position:relative;top:0;}
.phone{background-image:url("../images/phoneicon.png");width: 90px;}
.email{background-image:url("../images/emailicon.png");}
div.chat{padding-top:0;}


/* Text start*/
.italic {
font-style:italic;
}
.lighttealfadetop_container {
background-image: url('../images/lighttealfadetop_container.png');
background-repeat:no-repeat;
padding-bottom: 30px;
}
.lightteal_container {
background-image: url('../images/teal_fade_rollover.png');
background-repeat:no-repeat;
padding-bottom: 30px;
}
.lightteal_container:hover {
background: url('../images/teal_fade_rollover.png') 0 -217px no-repeat;
}
.aqua_container {
background-image: url('../images/aquadsiner.png');
background-repeat:no-repeat;
padding-bottom: 30px;
}
.grid_8 .lightbluefadetop_container {
background-image:url('../images/lightbluefade_620.png');
background-repeat:no-repeat;
padding-bottom: 30px;        
}


.grid_8 .lighttealfadetop_container_620 {
background-image: url("../images/lighttealfade_620.png");
background-repeat: no-repeat;
padding-bottom: 30px;
}


.column .lightbluefadetop_container {
background-image:url('../images/lightbluefadetop_container.png');
background-repeat:no-repeat;
padding-bottom: 30px;
}
/* Feature content start*/
.feature_image_container {
float:left;
width:100px;
}
/* Feature buttons start*/
.bluearrow_lightblue {
background: transparent url('../images/roundedge_lightblue_left.gif') no-repeat top left;
display: block;
float: left;
font: 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px;/* Width of left menu image */
text-decoration: none;
}
.bluearrow_lightblue span {
background: transparent url('../images/roundedge_lightblue_right.gif') no-repeat top right;
display: block;
padding: 2px 20px 10px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
font-size:13px;
}
a.bluearrow_lightblue {
background: transparent url('../images/roundedge_lightblue_left.gif') no-repeat top left;
display: block;
float: left;
font: 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px;/* Width of left menu image */
text-decoration: none;
}
a:link.bluearrow_lightblue {
color: #0b83d3;
}
a:visited.bluearrow_lightblue {
color: #0b83d3;
}
a:hover.bluearrow_lightblue {
color: #344f68;
}
a:active.bluearrow_lightblue {
color: #0b83d3;
}
a.bluearrow_lightblue span {
background: transparent url('../images/roundedge_lightblue_right_419.gif') no-repeat top right;
display: block;
padding: 2px 20px 10px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
font-size:13px;
}
a:hover.bluearrow_lightblue { /* Hover state CSS */
text-decoration: none;
}
.bluearrow_lightbluewrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
cursor:pointer;
}
.sidebar_module_container ul {
padding: 10px 10px 20px 0px;
list-style-image: url('../images/bullet_square_lightblue.gif');
margin: 0px;
color: #404040;
font-size:12px;
}
.bulletlist_header {
font-weight: bold;
}
a.bluearrow_clear {
display: block;
float: left;
font: 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 21px; /* Height of button background height */
/*padding-left: 8px;*/ /* Width of left menu image */
text-decoration: none;
}
a:link.bluearrow_clear, a:visited.bluearrow_clear, a:hover.bluearrow_clear, a:active.bluearrow_clear {
color: #0b83d3; /*button text color*/
}
a.bluearrow_clear span {
background: transparent url(../images/roundedge_clear_bluearrow.gif) no-repeat top right;
display: block;
padding: 0px 20px 10px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
font-size:13px;
}
a:hover.bluearrow_clear { /* Hover state CSS */
text-decoration: underline;
}
.bluearrow_clearwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html *//*width: *100%*/
}
/* Contact Us start*/
.icon_container {
float:left;
margin-right:7px;
}
.icon_outer_container {
height:24px;
margin-top: 20px;
}
.subheader_text {
font-family: 'Open Sans', arial, serif;
font-weight:600;
font-size:18px;
color:#213443;
line-height:30px;
margin: 0px;
}
#innercontent_container {
padding:0 15px 20px 26px;
clear:both;	
}
#innercontent_container p {
    margin-bottom: 12px;
}
#innercontent_container h3 {
font-family: 'Open Sans', arial, serif;
font-weight:600;
font-size:17px;
color:#213443;
line-height:25px;
margin: 0px;
padding-bottom:10px;
padding-top:17px;      
}
.secondary_content_container ul {
	padding: 0 0 20px 12px;
	margin: 0;
	color: #404040;
	font-size: 12px;
	list-style-image: none;
	list-style-type: none;
	font-family: Arial,Helvetica,sans-serif;
}
.secondary_content_container ul li {
    display: block;
    padding: 0 0 0 18px;
    margin: 0 0 0 -16px;
    background: url("../images/bullet_square_lightblue.gif") no-repeat 5px 4px;
}
/*.three_column_feature .feature_left_column {
width:144px;
float:left;
padding-right:10px;

}*/
.three_column_feature .feature_left_column {
float: left;
padding-right: 4px;
width: 150px;
}
.two_column_feature .feature_left_column {
width:300px;
float:left;
padding-right:10px;
}
.feature_left_column ul {
/*padding: 0px 0px 0px 10px;*/
list-style-image: url('../images/bullet_square_lightblue.gif');
margin: 0px;
color: #404040;
font-size:12px;
}
.three_column_feature {
width:300px;
/* height:193px; */
background-image:url(../images/feature_rollover_440.png);
background-repeat:no-repeat;
float:left;
padding-right:10px;
/*cursor: pointer;*/
min-height:165px;
}
.three_column_feature:hover {
background: url(../images/feature_rollover_440.png) 0 -440px no-repeat;
}
.two_column_feature {
width:460px;
background-image: url(../images/two_feature_container_rollover.png);
background-repeat: no-repeat;
float: left;
padding-right:10px;
cursor: pointer;
}
.two_column_feature:hover {
background: url(../images/two_feature_container_rollover.png) 0 -193px no-repeat;
}
/* New Styles */
.banner_bg_itsm {
background-image:url(../images/banner_bg_itsm.png);
background-repeat:no-repeat;
width:930px;
height:452px;
padding-bottom:7px;
}
.feature_subheader {
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:13px;
color:#213443;
line-height:30px;
text-align:left;
padding-left:20px;
height:30px;
}
.feature_header_blue {
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:18px;
color:#0B83D3;
line-height:30px;
text-align:left;
height:30px;
padding: 0px 10px 10px 20px;
margin: 0px;
}
.whitearrow_comparison {
background: transparent url('../images/roundedge_clear_comparison_left.png') no-repeat top left;
display: block;
float: left;
font: 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px;/* Width of left menu image */
text-decoration: none;
}
.whitearrow_comparison span {
background: transparent url('../images/roundedge_clear_comparison_right.png') no-repeat top right;
display: block;
padding: 2px 40px 10px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
font-size:13px;
}
a.whitearrow_comparison {
background: transparent url('../images/roundedge_clear_comparison_left.png') no-repeat top left;
display: block;
float: left;
font: 11px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px;/* Width of left menu image */
text-decoration: none;
}
a:link.whitearrow_comparison, a:visited.whitearrow_comparison, a:hover.whitearrow_comparison, a:active.whitearrow_comparison {
color: #ffffff; /*button text color*/
}
a.whitearrow_comparison span {
background: transparent url('../images/roundedge_clear_comparison_right.png') no-repeat top right;
display: block;
padding: 2px 20px 10px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
font-size:13px;
}
a:hover.whitearrow_comparison { /* Hover state CSS */
text-decoration: none;
}
.whitearrow_comparisonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 200px;
cursor:pointer;
}
.blue_bar {
background-image:url(../images/blue_comparison_bar_bg.png);
background-repeat:repeat-x;
height:26px;
width:930px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-radius-topleft:3px;
-webkit-border-radius-topright:3px;
-webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:3px;
-khtml-border-radius-topleft: 3px;
-khtml-border-radius-topright:3px;
-khtml-border-radius-bottomleft: 3px;
-khtml-border-radius-bottomright: 3px;
}
.blue_bar_container {
padding-left:350px;
}
.whitearrow_text {
color:#FFF;
text-shadow: 0 1px 0 rgba(7, 91, 150, 0.9);
}
h1 {
font-family: 'Open Sans', arial, serif;
font-weight:500;
font-size:17px;
color:#213443;
margin: 0px;
padding:0px;
}
h3 {
font-family: 'Open Sans', arial, serif;
font-weight:600;
font-size:17px;
color:#213443;
line-height:25px;
margin: 0px;
padding-bottom:30px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#213443;
line-height:30px;
margin: 0px;
padding:0px;
font-weight:bold;
}
#right_column_modules_300 h4 {
color: #213443;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
margin: 0;
padding: 0;
}
#right_column_modules_300 ul {
color: #404040;
font-size: 12px;
margin: 0;
padding: 0 15px 20px 14px;
font-family: Arial,Helvetica,sans-serif;
}
#right_column_modules_300 a.arrow:link, #right_column_modules_300 a.arrow:visited {
background: url("../images/roundedge_clear_bluearrow.gif") no-repeat scroll right top transparent;
font-size: 13px;
padding: 0 20px 10px 2px;
margin-top: 4px;
}
#right_column_modules_300 {
width:300px;
margin: 0px 0 30px 0;
background: #ebedf0; /* Old browsers */
background: -moz-linear-gradient(top, #ebedf0 60%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #ebedf0), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebedf0 60%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebedf0 60%, #ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ebedf0 60%, #ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebedf0', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ebedf0 60%, #ffffff 100%); /* W3C */
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;	
-khtml-border-radius-topleft: 7px;
-khtml-border-radius-topright:7px;/*background-image:url(../images/side_greygradient.png); background-repeat:no-repeat;*/
-webkit-border-top-left-radius: 7px;	
-webkit-border-top-right-radius: 7px;
border-radius: 7px 7px 0 0; 
}
#right_container_top_inner_300 {
padding:20px 0 0 25px;
}
.sidebar_image_container {
padding: 0 20px 10px 0;
float:left;
}
.feature_smalltext {
color:#213443;
padding-left:10px;
font-size:13px;
}
#innercontent_container img.thumbnail {
float: right;
padding-top: 20px;
display: block;
clear: both;
}
/* ================== SELECTBOX ================== */
/* Drop down styles*/
div.selectbox-wrapper {
position:absolute;
width:400px;
background-color:white;
border:1px solid #ccc;
margin:0px;
margin-top:-10px;
padding:0px;
text-align:left;
max-height:200px;
overflow:auto;
font-size:12px;
}
/*Drop down list styles*/
div.selectbox-wrapper ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
background-color: #EAF2FB;
margin-left:-15px;
list-style-type:none;
list-style-image:none;
}
/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
background-color: #CDD8E4;
margin-left:-15px;
list-style-type:none;
list-style-image:none;
}
/* Drop down list items style*/
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin-left:-15px;
padding:2px;
cursor:pointer;
}
/* Look and feel of select box */
.selectbox {
margin: 0px 5px 10px 0px;
padding-left:2px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;/* Resize Font*/
width : 240px; /* Resize Width */
display : block;
text-align:left;
background: url('../images/bg_select_silver.png') right;
background-repeat:no-repeat;
cursor: pointer;
border:1px solid #7F9DB9;
color:#333;
}
.selectbox_container {
padding-top:8px;
padding-bottom:8px;
}
/* ------------------- New or updated styles ------------------- */
#banner_outer_content {
padding:18px 0 15px 20px;
}
#banner_inner_content {
width:570px;
padding-top:10px;
}
.mediumtext_35 {
font-family: 'Open Sans',arial,serif;
font-size:32px;
letter-spacing:-1px;
color:#231f20;
line-height:40px;
font-weight:400;
}
#innercontent_container h4 {
margin: 0px 0 5px 0px;
}
.lightbluefadetop_container_930 {
background-image:url(../../media.cms.bmc.com/designimages/lightbluefadetop_container_930.png);
background-repeat:no-repeat;
/*margin-top:20px;*/
height: 620px;
}
.lightbluefade_container_900 {
width:900px;
padding-top:20px;
padding-bottom:20px;
}
.mediumtext_25 {
font-size:25px;
letter-spacing:-1px;
color:#231f20;
line-height:40px;
font-weight:400;
}
.secondary_content_container_noheading {
list-style-image: url('../images/bullet_square_lightblue.gif');
margin-top:20px;
color: #404040;
font-size:12px;
}
.lightbluefadetop_tabcontainer {
width:300px;
float:right;
margin-right:0px;
background-image:url('../images/lightbluefadetop_container.png');
background-repeat:no-repeat;
position:relative;
left:-30px;
top:-30px;
}
#innercontent_container h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight:600;
font-size:12px;
color:#213443;
margin: 0px;
}
/*#copyright_container {
background-color: #213443;
background-image: none;
background-repeat: no-repeat;
float: left;
height: 57px;
width: 780px;
position:relative;
top: 40px;
}*/
#copyright_container {
background-image: none;
background-repeat: no-repeat;
float: left;
height: 57px;
width: 780px;
background-color: #213443;
}
/**/
.lightbluefade_leftcolumn {
float: left;
width: 550px;
}
.lightbluefade_rightcolumn {
float: left;
width: 350px;
}
/* BSM BLUEPRINT */
.blueprint_button_container {
padding: 0 0 20px 130px;
}
.bsmblueprint_footer_container {
padding-left: 60px;
}
#brand_driver_container {
background-color: #213443;
/* float: left; */
height: 57px;
width: 210px;
}
/*#brand_driver_container {
background-color: #213443;
height: 57px;
width: 210px;
position:relative;
top: 20px;
}*/


/* Social Media
----------------------------------*/
h3.Twitter {
	padding-left: 54px;
	background-image: url(../../media.cms.bmc.com/images/icon_cloud_twitter_trans.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
h3.RSS {
	padding-left: 54px;
	background-image: url(../../media.cms.bmc.com/images/icon_cloud_blog_trans.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}