.mainContentInner { font-family: 'Roboto', sans-serif; background: #fff; color: #333; line-height: 1.6; margin: 0; padding: 20px; } 
.content-panel {
            max-width: 1200px;
            margin: 0 auto;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
            padding: 30px;
        }
        h1 {
            text-align: center;
            color: #003087;
            font-size: 2.4em;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
 .intro  {
            font-size: 1.15em;
            color: #444;
            margin-bottom: 30px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.7;
            text-align: center;
        }
        .overview  {
            font-size: 1.15em;
            color: #444;
            margin-bottom: 30px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.7;
            text-align: center;
        }
        .features-section {
            margin-bottom: 30px;
        }
        .features-section h2, .features-section h3 {
            color: #003087;
            margin-bottom: 15px;
        }
        .features-section h2 {
            font-size: 1.8em;
        }
        .features-section h3 {
            font-size: 1.4em;
        }
        .features-section p, .features-section ul {
            font-size: 1em;
            color: #444;
            line-height: 1.7;
        }
        .features-section ul {
            list-style-type: disc;
            margin-left: 20px;
        }
        .features-section ul li a {
            color: #003087;
            text-decoration: none;
            font-weight: bold;
        }
        .features-section ul li a:hover {
            color: #F5A623;
        }
        .cta {
            display: inline-block;
            background: #F5A623;
            color: #FFFFFF;
            padding: 12px 24px;
            border-radius: 4px;
            text-decoration: none;
            font-weight: bold;
            margin: 10px 0;
        }
        .cta:hover {
            background: #D48F1B;
        }
        .ssp-note {
            font-size: 1em;
            color: #444;
            text-align: center;
            margin-bottom: 30px;
        }
        .ssp-note a {
            color: #003087;
            text-decoration: none;
            font-weight: bold;
        }
        .ssp-note a:hover {
            color: #F5A623;
        }
        .quote, .review-quote {
            font-style: italic;
            color: #555;
            border-left: 4px solid #003087;
            padding-left: 15px;
            margin: 20px 0;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        .review-quote {
            max-width: 800px;
        }
        .review-author {
            font-weight: bold;
            color: #333;
            margin-top: 10px;
        }
        .review-role {
            font-size: 0.9em;
            color: #666;
        }
        @media (max-width: 768px) {
            .content-panel {
                padding: 15px;
            }
            h1 {
                font-size: 1.8em;
            }
            .overview {
                font-size: 1em;
            }
            .features-section h2 {
                font-size: 1.6em;
            }
            .features-section h3 {
                font-size: 1.3em;
            }
            .features-section p, .features-section ul {
                font-size: 0.9em;
            }
        }
img {
  max-width: 100%;
}
#dnn_ContentPaneFullWidth {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
#dnnheaderbox {padding: 0px 0 !important;margin-bottom: -15px;
}
#dnn_LeftThreePane{width:300px !important;}
#dnn_HeaderPane { padding-top:0px;
}
#dnn_ctr5254_ModuleContent, #dnn_ctr5254_ContentPane {
	text-align: right;
}
.IN-widget {
  position: relative;
  top: 67px;
}
@media (max-width: 399px) {
  .IN-widget{
    top: 104px;
  }
}
#LoginInfo
{
width:545px; 
float:left;
}
.DNNInfo_LinkExchange_CategoryItem {width: 260px !important;
}
#LoginInfo h3
{
background-color: #f7f7f7;
color: #8f0000;
padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
display:inline;
}
#LoginInfo dt
{
font-weight:bold;
color: #333;
}
#LoginInfo p.LoginNotes
{
font-size: .8em;
}
#LoginInfo div.LoginBlock {
float: left;
width: 255px;
padding: 5px 5px;
margin: 0px 2px;
border: 1px #f0f0f0 solid;
}
.skinwidth {margin: 0 auto;width: 1030px !important;
}
#dnn_RightThreePane {float: right;width: 400px !important;
}
#dnn_LeftSevenPane {float: left;width: 620px !important;
}
p {font-size: 15px !important;margin: 0;padding: 6px 0 !important;
}
li, ul li {font-size: 15px !important; padding-bottom: 10px;
}
/*buttons*/
span.greenBtn, span.blueBtn, span.yellowBtn{display:inline; margin-right:20px;  padding:4px 15px; min-width:90px; height:20px; text-align:center; border:2px solid #ccc;}
span.greenBtn a, span.blueBtn a, span.yellowBtn a, span.greenBtn a:visited, span.blueBtn a:visited, span.yellowBtn a:visited{font:bold 13px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
span.greenBtn{background:#0C6;}
span.greenBtn:hover{background:#0C0;}
span.yellowBtn{background: #F90;}
span.yellowBtn:hover{background:#FC0;}
span.blueBtn{background:#069;}
span.blueBtn:hover{background:#03F;}
.roundBlock{background:#efefef; float:left; padding:5px 10px; border:1px solid #ccc; min-height:90px; width:928px;}
/*SMS Products*/
.starter-plan {background-image: url("/portals/38/images/HazardReporting.jpg");	text-align: center;color: #fff;width: 60%;margin-left: auto;margin-right: auto;
}
.starter-plan2 {background-image: url("/portals/38/images/HazardReporting.jpg");	text-align: center;color: #fff;width: 70%;margin-left: auto;margin-right: auto;
}
a.no-deco {text-decoration: none; color: #fff;}
a.no-deco:hover {font-weight: bold;}
.name-plan {padding: 10px;	text-transform: uppercase;font-size: 12px;	font-weight: bold;
}
.starting {font-size: 14px;
}
.basic-plan {background-image: url("/portals/38/images/RiskManagement.jpg");	text-align: center;color: #fff;width: 60%;margin-left: auto;margin-right: auto;
}
.basic-plan2 {background-image: url("/portals/38/images/RiskManagement.jpg");	text-align: center;color: #fff;width: 70%;margin-left: auto;margin-right: auto;
}
.pro-plan {background-image: url("/portals/38/images/Safety-Quality.jpg");	text-align: center;color: #fff;width: 60%;margin-left: auto;margin-right: auto;
}
.pro-plan2 {background-image: url("/portals/38/images/Safety-Quality.jpg");	text-align: center;color: #fff;width: 70%;margin-left: auto;margin-right: auto;
}
.ent-plan {background-image: url("/portals/38/images/enterprise-new.jpg");	text-align: center;color: #fff;width: 60%;margin-left: auto;margin-right: auto;
}
.ent-plan2 {background-image: url("/portals/38/images/enterprise-new.jpg");	text-align: center;color: #fff;width: 70%;margin-left: auto;margin-right: auto;
}
.all-plan {
display:block;
text-align: center;
color: #fff;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.starter {
padding: 10px;
background-color: #2c967c;
text-transform: uppercase;
font-size: 12px;
}
.starter-detail {
background-color: #37bc9b;
color: #fff;
font-size: 14px;
}
.monthly {
font-size: 25px;
margin-bottom: 0px;
padding-bottom: 5px;
}
.all-plan-desc {padding: 20px;}
.starter a {text-decoration: none; color: #fff; font-weight: bold;}
.starter a:hover {text-decoration: underline;}
a.sms-link {font-weight: bold; text-decoration: none;}
a:hover.sms-link {text-decoration: underline;}
.basic {
padding: 10px;
background-color: #c59635;
text-transform: uppercase;
font-size: 12px;
}
.basic-detail {
background-color: #f6bb42;
color: #fff;
}
.basic a {text-decoration: none; color: #fff; font-weight: bold;}
.basic a:hover {text-decoration: underline;}
.pro {
padding: 10px;
background-color: #ae3642;
text-transform: uppercase;
font-size: 12px;
}
.pro-detail {
background-color: #da4453;
color: #fff;
}
.pro a {text-decoration: none; color: #fff; font-weight: bold;}
.pro a:hover {text-decoration: underline;}
.wrapper-ribbon {
position: relative;
z-index: 90;
}
.ribbon-wrapper-green {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: 79px;
}
.ribbon-green {
font: bold 15px Sans-Serif;
color: #333;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #BFDC7A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
color: #6a6340;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ent {
padding: 10px;
background-color: #3b6eb0;
text-transform: uppercase;
font-size: 12px;
}
.ent-detail {
background-color: #4a89dc;
color: #fff;
}
.ent a {text-decoration: none; color: #fff; font-weight: bold;}
.ent a:hover {text-decoration: underline;}
.all-plan2 {
text-align: center;
color: #fff;
width: 60%;
margin-left: auto;
margin-right: auto;
}
.all-plan-desc2 {padding: 20px 20px 20px 0;}
.ribbon-wrapper-green2 {
width: 85px;
height: 80px;
overflow: hidden;
position: absolute;
top: -1px;
right: 45px;
}

/*position ads on Aviation SMS page*/
#dnn_ctr5066_HtmlModule_lblContent.Normal {padding-bottom: 3em;}
.ribbon-yellow {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #f0d993;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0d993),to(#e0b123));
    background-image: -webkit-linear-gradient(top,#f0d993,#e0b123);
    background-image: -moz-linear-gradient(top,#f0d993,#e0b123);
    background-image: -ms-linear-gradient(top,#f0d993,#e0b123);
    background-image: -o-linear-gradient(top,#f0d993,#e0b123);
    color: #222;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.sidebar-tools {
  padding: 2em 3em;
  border: 1px solid #c6cfd7;
}

.sidebar-title {font-size: 18px;}
.plan-content {
  text-align: left;
  color: #404040;
}

.HRrate2017-detail,
.RMSrate2017-detail,
.SQrate2017-detail,
.ENTrate2022-detail {
    margin-bottom: 1em;
    text-align: center
}

.HRrate2017,
.HRrate2017-detail,
.RMSrate2017,
.SQrate2017,
.SQrate2017-detail,
.ENTrate2022,
.ENTrate2022-detail {
    text-align: center
}

.HRrate2017 a,
.HRrate2017-detail a,
.RMSrate2017 a,
.RMSrate2017-detail a,
.SQrate2017 a,
.SQrate2017-detail a,
.ENTrate2022 a,
.ENTrate2022-detail a {
    letter-spacing: 1px;
    display: block;
    font-weight: 600
}

.HRrate2017 a:hover,
.HRrate2017-detail a:hover,
.RMSrate2017-detail a:hover,
.SQrate2017 a:hover,
.SQrate2017-detail a:hover,
.ENTrate2022 a:hover,
.ENTrate2022-detail a:hover {
    text-decoration: none;
    color: #fff!important
}

.HRrate2017 a {
    background: #c6cfd7;
    border: 1px solid #c6cfd7;
    padding: 15px 0;
    font-size: 15px;
    transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.HRrate2017 a:hover {
    background: #E15E6E;
    border: 1px solid #E15E6E
}

.HRrate2017-detail a {
    background: #e8e7e7;
    border: 1px solid #d5dbe1;
    padding-bottom: 10px;
    font-size: 25px;
    transition: all .5s ease-out 0s -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.HRrate2017-detail a:hover {
    background: #E15E6E;
    border: 1px solid #E15E6E
}

.RMSrate2017 a {
    background: #c6cfd7;
    border: 1px solid #c6cfd7;
    padding: 15px 0;
    font-size: 15px;
    transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.RMSrate2017 a:hover {
    background: #A7B83D;
    border: 1px solid #A7B83D;
    color: #fff!important;
    text-decoration: none
}

.RMSrate2017-detail a {
    background: #e8e7e7;
    border: 1px solid #d5dbe1;
    padding-bottom: 10px;
    font-size: 25px;
    transition: all .5s ease-out 0s -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.RMSrate2017-detail a:hover {
    background: #A7B83D;
    border: 1px solid #A7B83D
}

.SQrate2017 a {
    background: #c6cfd7;
    border: 1px solid #c6cfd7;
    padding: 15px 0;
    font-size: 15px;
    transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.SQrate2017 a:hover {
    background: #80D1ED;
    border: 1px solid #80D1ED
}

.SQrate2017-detail a {
    background: #e8e7e7;
    border: 1px solid #d5dbe1;
    padding-bottom: 10px;
    font-size: 25px;
    transition: all .5s ease-out 0s -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.SQrate2017-detail a:hover {
    background: #80D1ED;
    border: 1px solid #80D1ED
}

.ENTrate2022 a {
    background: #c6cfd7;
    border: 1px solid #c6cfd7;
    padding: 15px 0;
    font-size: 15px;
    transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.ENTrate2022 a:hover {
    background: #622e80;
    border: 1px solid #622e80
}

.ENTrate2022-detail a {
    background: #e8e7e7;
    border: 1px solid #d5dbe1;
    padding-bottom: 10px;
    font-size: 25px;
    transition: all .5s ease-out 0s -o-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s
}

.ENTrate2022-detail a:hover {
    background: #622e80;
    border: 1px solid #622e80
}

.ribbon-wrapper-wide {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: 13px;
}
.yellow-ribbon {
  text-align: center;
  -moz-transform: rotate(45deg);
  text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  font: 700 15px Sans-Serif;
  width: 120px;	
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  background-color: #f0d993;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0d993), to(#e0b123));
  background-image: -webkit-linear-gradient(top, #f0d993, #e0b123);
  background-image: -moz-linear-gradient(top, #f0d993, #e0b123);
  background-image: -ms-linear-gradient(top, #f0d993, #e0b123);
  background-image: -o-linear-gradient(top, #f0d993, #e0b123);
  color: #222;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.yellow-ribbon:after {
    right: 0
}
.yellow-ribbon:after,
.yellow-ribbon:before {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}
.yellow-ribbon:before {
    left: 0
}
.videoWrapper {
  padding-bottom: 50.25%;
  padding-top: 25px;
  height: 0;
  position: relative;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 92%;
}
.footer-links {
  background-color: #1b2834;
  padding: 2em 2em 3em 2em;
}
.footer-links ul {
  list-style-type: none; 
  margin-left: 0;
}
.footer-links ul li {
  padding-bottom: 7px; 
}
.footer-links ul li a:hover {
  text-decoration: none;
}
.footer-subtitle {
  color: #ddd; 
  padding-bottom: 15px;
}
.bullet-indent ul ul li {
  list-style-type: circle;
}
.DnnModule.DnnModule-DNN_HTML.DnnModule-5215 h3, .DnnModule.DnnModule-DNN_HTML.DnnModule-5216 h3 {
	margin-top: 0;
}
.more-modules {
  padding: 6px 25px; 
  border: 1px solid #36393d; 
  font-size: 18px; 
  color: #c00000; 
  background-color: #e8e7e7;
}
.group-links {
  border: 1px solid #36393d; 
  line-height: 30px; 
  padding: 10px 15px; 
  background-color: #eeeeee;
  font-size: 15px;
}
a, a:visited {
  color: #1a73e8;
}
.pdf-wrapper {
	line-height: 3em;
}
.bullet-indent ul li ul, .bullet-indent ol li ul {
	padding-top: 10px;
}
.small-text {
	font-size: 12px;
  color: #606060;
}
.top-padding {
  padding-top: 10px;
  font-size: 15px;
}