body{
}
.header{
        background-color: white;
        border-bottom: 5px solid #03baba;
}
.header .toplinks{
    border: thin solid  gainsboro;
    color:  gray;
    box-shadow:  0 5px 10px gray, inset 0 5px 10px gray;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    background-color: gainsboro;
}
.header .toplinks .link{
    padding: 10px;
}
.header .toplinks .link:hover{
    background-color: white;
    color: gray;
}
.header .titleframe .sitelogo{
    width: 150px;
}
.header .titleframe .siteinfo{
    color: #03baba  ;
}
.msg{
    border:thin solid #25391f;
    padding: 10px;
    border-radius: 3px;
    font-size: 15px;
    color: green;
    background-color: #c1e1b7; 
    text-shadow: 0 1px white;
    box-shadow: 0 2px 3px #c1e1b7; 
}
.header .titleframe .companytitle {
    font-family: arial;
    font-size: 50px;
    font-weight: bold;
}
.footer{
    background-color: #003333;
    color: #03baba; 
    border-top: 5px solid #03baba; 
}
.footer .titleframe{
    font-size: 20px;
    padding: 10px;
    padding-bottom: 0px;
}
.footer .siteinfo{
    padding-bottom: 10px;
}
.footer .footerlinks{
    padding: 10px;
}
.footer .footerlinks .link{
    padding: 5px;
    font-size: 12px;
}
.bodyframe{
    background-color: white;
    padding: 0px;
    margin: 0px;
}
.errorpanel{
    background-color: #f3dddd;
    border: 2px solid #e89696;
    border-radius: 3px;
    padding: 10px;
    color: #a64b4b;
    display: block;
}
.error{
    background-color: #f3dddd;
    border: 2px solid #e89696;
    border-radius: 3px;
    padding: 10px;
    color: #a64b4b;
    margin: 10px;
}
.sliderframe{
}
.imagesliderpanel{
    width: 100%;
    margin-top: 0px;
    border: 1px solid #03baba  ;
    border-top: none;
    overflow: hidden;
    z-index: 2;
    position: relative;
}
.imagesliderpanel .slidingpanel{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    text-align: left;
}
.imagesliderpanel .slidingpanel .img{
    width: 100%;
    height: 100%;
    position: absolute;
    border:none;
    margin: 0px;
    padding: 0px;
    z-index: 0;
}
.imagesliderpanel .movingButton{
    position: absolute;
    top:150px;
    background-color: white;
    border:thin solid gray;
    color: gray;
    padding: 50px;
    border:3px solid gray;
    opacity: .5;
    cursor: pointer;
    /*box-shadow: inset 0px 0px 10px 2px gray;*/
    overflow: hidden;
}
.imagesliderpanel .movingButton:hover{
    opacity: 1;
}
.imagesliderpanel .leftMove{  
    left:-2px;
    padding-left:  10px;
    padding-right: 20px;
    border-radius: 60px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.imagesliderpanel .rightMove{
    right: -2px;
    padding-left:  20px;
    padding-right: 10px;
    border-radius: 60px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.imagesliderpanel .leftMove .leftArraow{
    width: 0px;
    height: 0px;
    font-size: 0px;
    border-right: 15px solid gray;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
}
.imagesliderpanel .rightMove .rightArraow{
    width: 0px;
    height: 0px;
    font-size: 0px;
    border-left: 15px solid gray;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
}
.notificationfeeds{
    width: 250px;
    background-color: #03baba;
    min-height: 500px;
    float: right;
}
.window .bigtitle{
    font-family: arial;
    font-size: 30px;
    padding: 10px;
    border-bottom: thin solid #03baba;
    color:  #03baba;
}
.window .title{
    font-family: arial;
    font-size: 20px;
    padding: 10px;
    border-bottom: thin solid #03baba;
    color:  #03baba;
}
.window .whitetitle{
    color: white;
    font-family: arial;
    font-size: 20px;
    padding: 10px;
    border-bottom: thin solid #003333;
}
.window .content{
    font-size: 15px;
    color: gray;
    padding: 5px;
    border-bottom: thin solid gainsboro;
}
.window .bigfontcontent{
    font-size: 20px;
    color: gray;
    padding: 10px;
    border-bottom: thin solid gainsboro;
}
.boxitem{
    display: inline-block;
    margin: 5px;
    background-color: white;
    width: 200px;
    height: 200px;
    vertical-align: top;
    border: 3px solid #ff6666 ;
    position: relative;
    cursor: pointer;
}
.boxitem:hover{
    border: 3px solid  black ;
}
.boxitem .bgimg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    
}
.boxitem .bottomlabel{
    background-color:  #ff6666;
    position: absolute;
    min-height: 35px;
    z-index: 2;
    width: 180px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    bottom: 0px;
    color: white;
}
.tableboxframe{
    border:thin solid #c3c3c3;
    width: 100%;
}
.tableboxframe .leftcol .proimg{
    width: 100%;
}
.left-200{
    float: left;
    width: 200px;
}
.left{
    float: left;
}
.panel-800{
    width: 700px;
}
.front .fheader{
    background-color: darkred;
    color: white;
    text-shadow: 0 4px 10px black;
}
.front .fheader .sitelogo{
     width: 150px;
     margin: 10px;
}
.front .fheader .siteinfo .companytitle{
    font-size: 60px;
    font-weight: bold;
}
.front .homebg{
    background-image:  url(../../clientres/images/design/slider/4.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed; 
}
.bg-trans-white{
    background-image:  url(../../clientres/images/design/bg/trns-white-70p.png);
}
.yt-icon{
    background-image: url("../images/design/textEditor/youtube.jpg");
    background-repeat: no-repeat;
    background-position: center ,center;
    background-size: 15px 15px;
}

.yt-link{
    text-decoration: none;
}

.yt-link:visited{
    text-decoration: none;
}
.youtube-iframe{
    width: 560px;
    height: 300px;
    max-width: 100%;
    display: block;
}