/***** START OF HTML5 RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: seperate;
   border-spacing: 0;
}
td, th {
  border-bottom: 1px solid yellow;
  padding: 5px;
}
/***** END OF HTML5 RESET *****/





/***** START OF GENERAL STYLES *****/
html {
  height: 100%;
  margin: 0;
  padding:0;
  overflow: auto;
}  
@font-face {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
   font-weight: normal;
   font-style: normal;
}
.ui-page-header {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
}
.ui-btn {
   text-decoration: none;
}
body {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;   
   width: 100%;
   height: 100%;
   font-size: 14px;
   font-weight: normal;
   line-height: 22.5px;
   color: #777;
   background-color: #ffffff;   
   margin:0;
   padding:0;
   text-align:left;
   overflow: auto;
   white-space: normal;   
}

/* Typography */
h1 {
   font-weight: bold;
   font-style: italic;
   font-size: 25px;
   color: #000;
}
h2 {
   color: #444;
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
   font-size:17px;
   font-weight: bold;
   font-style: italic;
   color: #280669;
}
h3 {
   font-weight: bold;
   font-style: italic;
   font-size: 13px;
   color: #d35400;
}
h4 {
   font-weight: bold;
   font-style: italic;
   font-size: 16px;
   color: #000033;
}
h5 {
   color: #444;
   font-family: 'Averia Serif Libre', cursive;
   font-size:24px;
   font-weight: bolder;
   font-style: italic;
}
h6 {
   color: #999;
   font-family: 'Averia Serif Libre', cursive;
   font-size:15px;
   font-weight: normal;
   font-style: italic;
}
h7 {
   color:#444;
   font-size:13px;
   font-style: italic;
   font-weight:bold;
}
h8 {
   color:#ff5733;
   font-size:16px;
   font-style: italic;
   font-weight:bold;
}
h9 {
   color:#063a86;
   font-size:18px;
   font-style: italic;
   font-weight:bold;
}
h10 {
   color:#bbb;
   font-size:13.5px;
   font-style: italic;
   font-weight:bold;
}
h11 {
   color:#444;
   font-size:13.5px;
   font-style: italic;
   font-weight:bold;
}
h12 {
   color:#ff4;
   font-size:14.5px;
   font-style: italic;
   font-weight:bold;
}
h13 {
   color:#fff;
   font-size:13.5px;
   font-style: italic;
   font-weight:bold;
}
h14 {
   font-weight: bold;
   font-style: italic;
   font-size: 13px;
   color: #d35400;   
}
.borders {
   padding-top:20px;
   padding-bottom:20px;
}
h14 {
   color:#000;
   font-size:12px;
   font-style: normal;
   font-weight:bold;
}
.bold {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
   font-weight: bold;
   font-size:15px;
}
.italic {
   color:#999999;
   font-style: italic;
}
.centreText {
   text-align: center;
}
span.left {
   float:left;
}
span.right {
   float:right;
}
.dialogLogo {
   height: 25px;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-left: 15px;
}
.copyright-info {
   text-align:center;
   font-size: 13px;
   font-style: italic;
   color: #999999;
}
.txt-width-85 {
   width: 85%;
   padding: 5px;
}
img {   
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; 
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}
.img {
   max-width: 90%;
   margin: 10px 20px;  
}
.imgLess {
   max-width: 60%;
   margin: 10px 20px;  
}
.img-left {
   max-width: 65%;
   margin: 0px 0px;  
}
.img-iPhone {
   max-width: 25%;
   margin: 0px 10px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; 
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}
.mainImgLeft {
   float:left;
   width:40%;
   margin-right:20px;
}
.popupImage {
   float:left;
   width:40%;
   margin-right:20px;
}
.pdfText {
   float:right;
   width:40%;
   margin-left:25px;
   padding:0px;       
}
.initImage {
   display:flex;
   align-items:center;
   justify-content:center;  
 }
.pdfText_large {
   width:95%;
   margin-left:25px;
   padding:0px;       
}
#emailFormRight {
   float:right;
   width:68%;
}
.emailError {
   width: 325px;
   font-weight: bold;
   color: #ff0000;
}
#emailSendBtnWrap .ui-btn, #uploadPDFBtnWrap .ui-btn, #fastEmailSendBtnWrap .ui-btn {
   background: #0174df !important;
   border:0px !important;
   color:#fff;
   font-weight:normal;
}
#emailSendBtnWrap, #uploadPDFBtnWrap, #fastEmailSendBtnWrap {
   color: #eeeeff;
}
#loginFormLeft {
   float:left;
   width:15%;
}
#loginFormRight {
   margin-top:20px;
   float:left;
   width:83%;
}
#loginFormAll {
   width:90%;
   margin:auto;
}
.loginError {
   width: 325px;
   font-weight: bold;
   color: #ff0000;
}
#loginSendBtnWrap .ui-btn {
   background: #0174df !important;
   border:0px !important;
   color:#fff;
   font-weight:normal;
}
#loginSendBtnWrap {
   color: #eeeeff;
}

.calendar-container {
   position: relative;
   padding-bottom: 75%;
   height: 0;
   overflow: hidden;
}
.calendar-container iframe {
   position: absolute;
   top:0;
   left: 0;
   width: 100%;
   height: 100%;
}
span.copy_h2 {
   font-weight: bold;
   font-style: italic;
   font-size: 12pt;
   color: #000000;
}
table {
   background-color: #eeeedd;
   width: 100%;
   margin: 5px 0;
}
th {
   background-color: #aabbff;
   color: #000;
   font-weight:bold;
}
td, th {
   text-align: left;
}
tr:nth-of-type(odd) {
   background-color: #ffffff;
}
tr:hover td {
   background-color:#bbeeff;
}
tr:hover td a {
   color: #00f;
}
.topHeaderPosition {
   padding-top: 10px;
   padding-bottom: 25px;
}
option:nth-of-type(odd) {
   background-color: #fff;
}
option:nth-of-type(even) {
   background-color: #eee;
}
.noTextHighlight {
   -webkit-touch-callout: none; 
   -webkit-user-select: none;
   -khtml-user-select: none; 
   -moz-user-select: none;
   -ms-user-select: none;
}
.subHeading {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   color: #666666;
}
.subSubHeading {
   font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   color: #000080;
}
.bibliaText {
   font-size: 13px;
   font-style: italic;
   color: #999999;
}
.ttsText {
   padding:20px;
   border-style:dotted;
   border-width:0.8pt;
   border-color:#ccc;   
}
.normText {
   color:#555;
   font-size:14px;
   font-weight:normal;
   font-style:italic;
}
/***** END OF GENERAL STYLES *****/



/***** START OF JQuery Mobile STYLES Override *****/
.ui-page {
   background: #fcffff;      
}
ui-body {
   background: #fcffff;  
}
.ui-content {
   background: #feffff;
   border: 0px solid #fff;
}
.ui-header {
   border: 0px solid #fff;
}
.ui-footer {
   border: 0px solid #fff;
}
.ui-focus, .ui-btn:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}
/***** END OF JQuery Mobile STYLES Override *****/



/***** START OF NOTICE BOARD STYLES *****/
.readNotice {
   font-weight: bold;
   font-style: italic;
   font-size: 14px;
   color: #f90000;
   width: 100%;
}
p.noticeHead {
   font-weight: bold;
   font-style: italic;
   font-size: 14px;
   color: #d35400;
}
p.noticeTopic {
   font-weight: bold;
   font-style: italic;
   font-size: 14px;
   color: #d35400;
}

/***** END OF NOTICE BOARD STYLES *****/



/***** START OF CAROUSEL STYLES *****/
#indexCameraList {
   float:left;
   width:40%;
   padding:5px;
   background-color:#000000;
   margin-right:20px;
   margin-bottom:10px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}
/***** END OF CAROUSEL STYLES *****/


/***** START OF GENERAL SERMON STYLES *****/
#_speakerInfo-popup {
    right: 15%;
    left: 15%;
    width: 70%;
    background-color:#000;
    color:#999999;
 }
 #tabNav li a {
    display: inline-block;
    text-align: center;
    width: 100%;
 } 
 .bbActive {    
    font-size:12px;
    font-style:italic;
    font-weight:bold;
    margin-left:15px;
    margin-right:15px;   
 }
 .bbNotActive {
    background-color:#f77255;
    color:#888;
    font-size:13px;
    font-style:italic;
    font-weight:normal;    
 }
 .ulActive {
     background-color:#fff;
     color:#888;
     font-size:13px;
     font-style:italic;
     font-weight:normal;
     margin-left:15px;
     margin-right:15px;
     padding:20px;
  }
  .ulNotActive {
     color:#888;
     font-size:10pt;
     font-style:italic;
     font-weight:normal;
     background-color:#bbb;
 }
 #bibleBookDropdown {
    text-align: center;
    background-color:#444;
    max-width: 930px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
 }
 #bibleBookSelect {
    width:100%;
    margin-left:auto;
    margin-right:auto;
 }
 #bookSelected, #result {
    font-size: 10pt;
    font-weight: normal;
    color:#666;
 }
 .generalSermonPlayer {
    max-width: 99%;
    width:99%;
    padding:2px;
    font-size: 13px;
    font-weight: normal;
    background-color: #444;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
 }
 .playerWrapper {
    overflow:hidden;
    max-width: 100%;
    margin: auto;
    width:99%;
    height:auto;
    margin:2px;
    padding:2px;
    margin-left:auto;
    margin-right:auto;
    background-color:#000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
.sttWrapper {
    float:left;
    width:60%;
    color:#444;
    background:#fff;
    font-style:normal;
    overflow:auto;
    //max-width: 100%;
    margin: auto;
    height:auto;
    margin:10px;
    padding:10px;
    //margin-left:auto;
    //margin-right:auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.playerWrapper iframe, .overview-Container iframe {    
    background-size: 100% 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
 }
 .overview-Container {    
    position:absolute;
    top:40px;
    right:40px;
    bottom:60px;
    left:40px;
    width: 90%;
    height: auto;
    margin-left:auto;
    margin-right:auto;
 }
 .overview-Container iframe {
    max-height:700px;
 }
/***** END OF GENERAL SERMON STYLES *****/




/***** START OF LOCAL SERMON STYLES *****/
.localSermonPlayer {
    max-width: 99%;
    width:98%;
    margin: auto;
    padding:2px;
    font-size: 13px;
    font-weight: normal;
    background-color: #efefef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#tabNav li a {
      display: inline-block;
      text-align: center;
      width: 100%;
}
#audioDropdown {
   width:98%;
   margin: auto;
}
#audioContainer {
      background-size: 100% 100%;
      margin: auto;
      width: 93%;
      border: 0px solid #444;
      padding: 2px;      
}
#audioPlayer {
     width: 100%;
     box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);
     border-radius: 90px;
     transform: scale(1.05);
}
.mediaContainer {
     display: flex;
     align-items: flex-start;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: center;
     width: 98%;
     margin: auto;
     background-color: #cccccc;
     overflow:hidden;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-top-right-radius: 5px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
     margin-bottom: 5px;
}
.imageContainer {
     flex: 0 0 30%;
     flex-basis: 30%;
     order: 0;
     align-self: stretch;
     height: 100%;
     background-color: #cccccc;
     overflow:hidden;
}
.textContainer {
     flex: 0 0 70%;
     flex-basis: 70%;
     order: 1;    
     align-self: stretch;
     flex: 1;
     background-color: #cccccc;
     padding:7px;
}
.imageContainer_2 {
     width: 98%;
     height:100%;
     margin: auto;
     background-color: #cccccc;
     overflow:hidden;
}
.textContainer_2 {
     width: 98%;
     margin: auto;
     background-color: #cccccc;
     overflow:hidden;
     padding:7px;
}
span.downloadText {
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    color: #3949ab;
}
span.localSermonStatus {
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    color: #000000;
}
span.localSermonStatusInfo {
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    color: #ff49ab;
}
.img-localSermons {
     max-width: 95%;
     margin: 5px 0px 0px 0px; 
}
/***** END OF LOCAL SERMON STYLES *****/



/***** START OF SERMON LIVE STYLES *****/
.liveSermonPlayer {
    max-width: 99%;
    width:98%;
    margin: auto;
    padding:2px;
    font-size: 13px;
    font-weight: normal;
    background-color: #efefef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
/***** END OF SERMON LIVE STYLES *****/


/***** START OF BIBLE STUDY SERMON STYLES *****/
#_BS-Transcripts-popup, #_BS-SpeakerBio-popup, #_bibleVersions-popup, #_GSermon-SpeakerBio-popup {
    right: 15%;
    left: 15%;
    width: 70%;
    background-color:#000;
    color:#999999;
 }
 #_BS-Transcripts, #_BS-SpeakerBio, #_bibleVersions, #_speakerInfo, #_GSermon-SpeakerBio {
    background-color:#000;
    max-width:100%;
    height:80%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
 }
 .videoPlayer_large {
    max-width: 1550px;
    width:98%;
    padding:2px;
    background-color: #444;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

/***** END OF BIBLE STUDY SERMON STYLES *****/



/***** START OF FOOTER TOOLBOX STYLES *****/
.footerLayout {
   display: flex;
   flex-wrap: wrap;
   border-color: #ddd;
   width:100%;
}
.footerlayout p {
   color: #999;
}
.footerLayout .ui-block-a, .footerLayout .ui-block-b, .footerLayout .ui-block-c {
    width: 33.333%;
    padding: 0px;
    float: left;
    border-style: solid;
    border-color: #333;
    border-width: 1px 1px 1px 1px;
}
#footerToolBox {
   height:auto;
   margin-top:150px;
   width:98%;
   margin:auto;
}
.footerNav {
   height:205px;
   font-size:12px;
   color:#aaa;
}   

/***** END OF FOOTER TOOLBOX STYLES *****/




/***** START OF PUBLIC ADMIN STYLES *****/
.admLoggedin {
   margin-right: 10px;
   font-size:13px;
   font-weight:bold;
   color:#f00;
}
/***** END OF PUBLIC ADMIN STYLES *****/




/***** START OF BLOG ARTICLE STYLES *****/
span.blogHead {
   color: #444;
   font-family: 'Averia Serif Libre', cursive;
   font-size:20px;
   font-weight: bold;
   font-style: italic;
}
span.blogHeadText {
   color: #999;
   font-family: 'Averia Serif Libre', cursive;
   font-size:20px;
   font-weight: bold;
   font-style: italic;  
}
span.blogHeaders {
   color: #444;
   font-family: 'Averia Serif Libre', cursive;
   font-size:16px;
   font-weight: normal;
   font-style: italic;
}
span.blogHeadersText {
   color: #999;
   font-family: 'Averia Serif Libre', cursive;
   font-size:16px;
   font-weight: normal;
   font-style: italic;
}
#blogArticleLeft {
   width:20%;
   float:left;
}   
#blogArticleRight {
   width:78%;
   float:right;
}  
/***** END OF BLOG ARTICLE STYLES *****/


/***** START OF LITERATURE STYLES *****/
.literatureImgLeft {
   float:left;
   width:25%;
   margin-right:20px;
}
.literatureControlRight {
   float:left;
   width:70%;
}
/***** END OF LITERATURE STYLES *****/



/***** START OF OUTREACH PARTNER STYLES *****/
#OR_partnersCamera {
   float:left;
   width:43%;
   height:30%;
   border-radius: 25px;
   padding:5px;
   background-color:#000;
   margin: 15px 50px 30px 10px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}
#OR_partnersSelect {
   float:right;
   width:50%;
   height:30%;
}
#OR_campaignReportsCamera {
   float:left;
   width:30%;
   margin:auto;
   //height:280px;
   border-radius: 25px;
   padding:5px;
   background-color:#fff;
   margin: 15px 50px 30px 10px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}
#OR_campaignSelect {
   float:right;
   width:63%;
   height:30%;
}
/***** END OF OUTREACH PARTNER STYLES *****/


/***** START OF AFFILIATEHUB STYLES *****/
#affiliateHubWrapper {
   width:100%;
}
#affiliateHubLinks {
   margin-top:30px;
   width:100%;
}
#affiliateHubTFL {
   float:left;
   margin-right:30px;
   width:40%;
}
/***** END OF AFFILIATEHUB STYLES *****/


/***** START OF CAMPAIGN INTRO VIDEO STYLES *****/
#_campaignVideoPopup-popup {
   width: 50%;
   left: 25%;
   right: 25%;
}
/***** END OF CAMPAIGN INTRO VIDEO STYLES *****/


/***** START OF EMEETING CALENDAR STYLES *****/
 #getPopupEmeetingsList-popup {
    width: 80%;
    left: 20%;
    right: 20%;
 }
 /***** END OF EMEETING CALENDAR STYLES *****/
 
 




/***** START OF MEDIA QUERIES *****/

/***** Desktops / Laptops *****/
@media all and (min-width:1025px) and (max-width:1600px) {
   .laptop {
      display: block;
   }
   .ipad-upwards {
      display: block;
   }
   .ipad {
      display: none;
   }
   .tablet-upwards {
      display: block;
   }
   .tablet-downwards {
      display: none;
   }    
   .iphone {
      display: none;
   }
   .logo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:35px;
      font-style: italic;
      height: 20px;
      padding-top: 15px;
      padding-bottom: 10px;
      margin-left: 15px;
      text-shadow: 2px 2px 2px #aaa;
   }
   .subLogo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:17px;
      font-style: italic;
      height: 14px;
      padding-top: 2px;
      padding-bottom: 10px;
      margin-left: 125px;
      text-shadow: 2px 2px 2px #aaa;
   }
   .videoPlayer {
      float:left;
      width:55%;
   }
   .pdfText {
      float:right;
      width:40%;
      margin-left:25px;
      padding:0px;       
   }
   #emailFormRight {
      float:right;
      width:68%;
   }
   .videoPlayer_large {
      width:97%;
      padding:20px;
   }
   #indexCameraList {
      float:left;
      width:50%;
      padding:5px;
      background-color:#000000;
      margin-right:20px;
      margin-bottom:10px;      
   }
   .footerLayout .ui-block-a, .footerLayout .ui-block-b, .footerLayout .ui-block-c {
       width: 33.333%;
       padding: 0px;
       float: left;
       border-style: solid;
       border-color: #333;
       border-width: 1px 1px 1px 1px;
   }
   #blogArticleLeft {
      width:20%;
      float:left;
   }   
   #blogArticleRight {
      width:78%;
      float:right;
   }
   .literatureImgLeft {
      float:left;
      width:25%;
      margin-right:20px;
   }
   .literatureControlRight {
      float:left;
      width:70%;
   }
   #loginFormLeft {
      margin-right:20px;
      float:left;
      width:12%;
   }
   #loginFormRight {
      margin:20px;
      float:left;
      width:80%;
   }
   #loginFormAll {
      width:92%;
      margin:auto;
   }
   #OR_partnersCamera {
      float:left;
      width:43%;
      height:30%;
      border-radius: 25px;
      padding:5px;
      background-color:#000;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
   }
   #OR_partnersSelect {
      float:right;
      width:50%;
      height:30%;
   }
   #OR_campaignReportsCamera {
      float:left;
      width:30%;
      margin:auto;
      //height:280px;
      border-radius: 25px;
      padding:5px;
      background-color:#fff;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
   }
   #OR_campaignSelect {
      float:right;
      width:63%;
      height:30%;
   }   
   #affiliateHubWrapper {
      width:100%;
   }
   #affiliateHubLinks {
      margin-top:30px;
      width:100%;
   }
   #affiliateHubTFL {
      float:left;
      margin-right:40px;
      width:40%;
   }
   #_campaignVideoPopup-popup {
      width: 50%;
      left: 25%;
      right: 25%;
   }
   #getPopupEmeetingsList-popup {
      width: 80%;
      left: 20%;
      right: 20%;
   }
   .normText {
      color:#555;
      font-size:14px;
      font-weight:normal;
      font-style:italic;
   }
   .subHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 15px;
      color: #666666;
   }
   .subSubHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 15px;
      color: #000080;
   }
   .bold {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-size:15px;
   }
   h2 {
      color: #444;
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-size:17px;
      font-weight: bold;
      font-style: italic;
      color: #280669;
   }
   h3 {
      font-weight: bold;
      font-style: italic;
      font-size: 16px;
      color: #d35400;
   }   
   .copyright-info {
      text-align:center;
      font-size: 13px;
      font-style: italic;
      color: #999999;
   }
   h11 {
      color:#444;
      font-size:13.5px;
      font-style: italic;
      font-weight:bold;
   }   
}





/***** iPad [portrait + landscape] *****/
@media all and (min-width:769px) and (max-width:1024px) {
  .laptop {
      display: none;
   }
   .ipad-upwards {
      display: block;
   }
   .ipad {
      display: block;
   }
   .tablet-upwards {
      display: block;
   }
   .tablet-downwards {
      display: none;
   }    
   .iphone {
      display: none;
   }
   .logo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:30px;
      font-style: italic;
      height: 20px;
      padding-top: 15px;
      padding-bottom: 10px;
      margin-left: 15px;
      text-shadow: 2px 2px 2px #aaa;
    }
   .subLogo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:15px;
      font-style: italic;
      height: 14px;
      padding-top: 2px;
      padding-bottom: 10px;
      margin-left: 125px;
      text-shadow: 2px 2px 2px #aaa;
   }
   .videoPlayer {
      float:left;
      width:55%;
   }
   .pdfText {
      float:right;
      width:40%;
      margin-left:25px;
      padding:0px;       
   }
   #emailFormRight {
      float:right;
      width:68%;
   }
   .videoPlayer_large {
      width:95%;
      padding:10px;
   }
   #indexCameraList {
      float:left;
      width:50%;
      padding:5px;
      background-color:#000000;
      margin-right:20px;
      margin-bottom:10px;      
   }
   .footerLayout .ui-block-a {
      width: 100%;
      padding: 0px;
      float: left;
      border-style: solid;
      border-color: #333;
      border-width: 1px 1px 1px 1px;
   }
   .footerLayout .ui-block-b, .footerLayout .ui-block-c {
      width: 50%;
      padding: 0px;
      float: left;
      border-style: solid;
      border-color: #333;
      border-width: 1px 1px 1px 1px;
   }
   #blogArticleLeft {
      display: none;
   }   
   #blogArticleRight {
      width:98%;
      float:left;
   }
   .literatureImgLeft {
      float:left;
      width:25%;
      margin-right:20px;
   }
   .literatureControlRight {
      float:left;
      width:70%;
   }
   #loginFormLeft {
      margin-right:20px;
      float:left;
      width:12%;
   }
   #loginFormRight {
      margin-bottom:20px;
      float:left;
      width:80%;
   }
   #loginFormAll {
      width:92%;
      margin:auto;
   }
   #OR_partnersCamera {
      float:left;
      width:95%;
      height:30%;
      border-radius: 25px;
      padding:5px;
      background-color:#000000;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
   }
   #OR_partnersSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #OR_campaignReportsCamera {
      display: none;     
   }
   #OR_campaignSelect {
      float:left;
      width:95%;
      height:30%;
   }   
   #affiliateHubWrapper {
      width:100%;
   }
   #affiliateHubLinks {
      margin-top:30px;
      width:100%;
   }
   #affiliateHubTFL {
      text-align:center;     
      margin-bottom:30px;
      width:98%;      
   }
   #_campaignVideoPopup-popup {
      width: 50%;
      left: 25%;
      right: 25%;
   }
   #getPopupEmeetingsList-popup {
      width: 80%;
      left: 20%;
      right: 20%;
   }
   .normText {
      color:#555;
      font-size:13px;
      font-weight:normal;
      font-style:italic;
   }
   .subHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 14px;
      color: #666666;
   }
   .subSubHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 14px;
      color: #000080;
   }
   .bold {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-size:14px;
   }
   h2 {
      color: #444;
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-size:16px;
      font-weight: bold;
      font-style: italic;
      color: #280669;
   }
   h3 {
      font-weight: bold;
      font-style: italic;
      font-size: 15px;
      color: #d35400;
   }     
   .copyright-info {
      text-align:center;
      font-size: 12px;
      font-style: italic;
      color: #999999;
   }
   h11 {
      color:#444;
      font-size:12.5px;
      font-style: italic;
      font-weight:bold;
   }         
}






/***** TABLETS *****/
@media all and (min-width:481px) and (max-width:768px) {
  .laptop {
      display: none;
   }
   .ipad-upwards {
      display: none;
   }
   .ipad {
      display: none;
   }
   .tablet-upwards {
      display: block;
   }
   .tablet-downwards {
      display: block;
   }         
   .iphone {
      display: none;
   }
   .logo {
      font-size:20px;
      background-position: left;
      background-repeat: no-repeat;
      padding-top: 10px;
      margin-left: 10px;
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-style: italic;
      height: 20px;
      padding-bottom: 10px;
      margin-left: 15px;
      text-shadow: 2px 2px 2px #aaa;
    }
   .subLogo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:13px;
      font-style: italic;
      height: 14px;
      padding-top: 2px;
      padding-bottom: 10px;
      margin-left: 125px;
      text-shadow: 2px 2px 2px #aaa;
   }   
   .videoPlayer {
      float:left;
      width:95%;
   }
   .pdfText {
      float:left;
      width:95%;
      margin-left:25px;
      padding:0px;       
   }
   #emailFormRight {
      float:right;
      width:98%;
      margin-top:20px;
   }
  .videoPlayer_large {
      width:95%;
      padding:10px;
   }
   #indexCameraList {
      float:left;
      width:98%;
      padding:5px;
      background-color:#000000;
      margin-right:20px;
      margin-bottom:10px;      
   }
   .footerLayout .ui-block-a, .footerLayout .ui-block-b, .footerLayout .ui-block-c {
      width: 100%;
      padding: 0px;
      float: left;
      border-style: solid;
      border-color: #333;
      border-width: 1px 1px 1px 1px;
   }
   #blogArticleLeft {
      display: none;
   }   
   #blogArticleRight {
      width:98%;
      float:left;
   }
   .literatureImgLeft {
      float:left;
      width:98%;
      margin-right:0px;
   }
   .literatureControlRight {      
      float:left;
      width:98%;
   }
   #loginFormLeft {
      display: none;      
   }
   #loginFormRight {
      margin-bottom:20px;
      float:left;
      width:95%;
   }
   #loginFormAll {
      margin-top:20px;
      width:92%;
      margin:auto;
   }
   #OR_partnersCamera {
      float:left;
      width:95%;
      height:30%;
      border-radius: 25px;
      padding:5px;
      background-color:#000000;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
   }
   #OR_partnersSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #OR_campaignReportsCamera {
      display: none;     
   }
   #OR_campaignSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #affiliateHubWrapper {
     width:100%;
   }
   #affiliateHubLinks {
      width:100%;
   }
   #affiliateHubTFL {
      text-align:center;      
      margin-bottom:30px;
      width:98%;   
   }
   #_campaignVideoPopup-popup {
      width: 70%;
      left: 15%;
      right: 15%;
   }
   #getPopupEmeetingsList-popup {
      width: 80%;
      left: 20%;
      right: 20%;
   }
   .normText {
      color:#555;
      font-size:12.5px;
      font-weight:normal;
      font-style:italic;
   }
   .subHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13.5px;
      color: #666666;
   }   
   .subSubHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13.5px;
      color: #000080;
   }
   .bold {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-size:13.5px;
   }
   h2 {
      color: #444;
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-size:15.5px;
      font-weight: bold;
      font-style: italic;
      color: #280669;
   }
   h3 {
      font-weight: bold;
      font-style: italic;
      font-size: 14.5px;
      color: #d35400;
   }     
   .copyright-info {
      text-align:center;
      font-size: 11.5px;
      font-style: italic;
      color: #999999;
   }
   h11 {
      color:#444;
      font-size:12px;
      font-style: italic;
      font-weight:bold;
   }            
}





/***** iPhone LANDSCAPE MODE *****/
@media all and (max-width: 480px) {
   .laptop {
      display: none;
   }
   .ipad-upwards {
      display: none;
   }
   .ipad {
      display: none;
   }
   .tablet-upwards {
      display: none;
   }
   .tablet-downwards {
      display: block;
   }    
   .iphone {
      display: block;
   }
   .logo {
      font-size:16px;
      background-position: left;
      background-repeat: no-repeat;
      padding-top: 5px;
      margin-left: 5px;
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-style: italic;
      height: 20px;
      padding-bottom: 10px;
      margin-left: 15px;
      text-shadow: 2px 2px 2px #aaa;
   }
   .subLogo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:12px;
      font-style: italic;
      height: 14px;
      padding-top: 2px;
      padding-bottom: 10px;
      margin-left: 85px;
      text-shadow: 2px 2px 2px #aaa;
   }      
   .videoPlayer {
      float:left;
      width:95%;
   }
   .pdfText {
      float:left;
      width:95%;
      margin-left:25px;
      padding:0px;       
   }
   #emailFormRight {
      float:right;
      width:98%;
      margin-top:20px;
   }
   .videoPlayer_large {
      width:95%;
      padding:5px;
   }
   #indexCameraList {
      float:left;
      width:98%;
      padding:5px;
      background-color:#000000;
      margin-right:20px;
      margin-bottom:10px;      
   }
   .footerLayout .ui-block-a, .footerLayout .ui-block-b, .footerLayout .ui-block-c {
      width: 100%;
      padding: 0px;
      float: left;
      border-style: solid;
      border-color: #333;
      border-width: 1px 1px 1px 1px;
   }
   #blogArticleLeft {
      display: none;
   }   
   #blogArticleRight {
      width:98%;
      float:left;
   }
   .literatureImgLeft {
      float:left;
      width:98%;
      margin-right:0px;
   }
   .literatureControlRight {
      float:left;
      width:98%;
   }
   #loginFormLeft {
      display: none;
   }
   #loginFormRight {
      margin-bottom:20px;
      float:left;
      width:98%;
   }
   #loginFormAll {
      width:98%;
      margin:auto;
   }
   #OR_partnersCamera {
      float:left;
      width:95%;
      height:30%;
      border-radius: 25px;
      padding:5px;
      background-color:#000000;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
   }
   #OR_partnersSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #OR_campaignReportsCamera {
      display: none;     
   }
   #OR_campaignSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #affiliateHubWrapper {
     width:100%;
   }
   #affiliateHubLinks {
      width:100%;
   }
   #affiliateHubTFL {
      margin-bottom:30px;
      width:95%;      
   }
   #_campaignVideoPopup-popup {
      width: 70%;
      left: 15%;
      right: 15%;
   }
   #getPopupEmeetingsList-popup {
      width: 90%;
      left: 5%;
      right: 50%;
   }
   .normText {
      color:#555;
      font-size:12px;
      font-weight:normal;
      font-style:italic;
   }
   .subHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13px;
      color: #666666;
   }   
   .subSubHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13px;
      color: #000080;
   }
   .bold {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-size:13px;
   }
   h2 {
      color: #444;
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-size:15px;
      font-weight: bold;
      font-style: italic;
      color: #280669;
   }
   h3 {
      font-weight: bold;
      font-style: italic;
      font-size: 14px;
      color: #d35400;
   }     
   .copyright-info {
      text-align:center;
      font-size: 11px;
      font-style: italic;
      color: #999999;
   }
   h11 {
      color:#444;
      font-size:11px;
      font-style: italic;
      font-weight:bold;
   }             
}




  
/***** iPhone PORTRAIT MODE *****/
@media all and (max-width: 320px) {
  .laptop {
      display: none;
   }
   .ipad-upwards {
      display: none;
   }
   .ipad {
      display: none;
   }
   .tablet-upwards {
      display: none;
   }
   .tablet-downwards {
      display: block;
   }     
   .iphone {
      display: block;
   }
   .logo {
      font-size:16px;
      background-position: left;
      background-repeat: no-repeat;
      padding-top: 5px;
      margin-left: 5px;
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-style: italic;
      height: 20px;
      padding-bottom: 10px;
      margin-left: 15px;
      text-shadow: 2px 2px 2px #aaa;
    }
   .subLogo {
      font-family: 'Righteous', cursive;      
      font-weight: bold;
      font-size:12px;
      font-style: italic;
      height: 14px;
      padding-top: 2px;
      padding-bottom: 10px;
      margin-left: 85px;
      text-shadow: 2px 2px 2px #aaa;
   }       
   .videoPlayer {
      float:left;
      width:95%;
   }
   .pdfText {
      float:left;
      width:95%;
      margin-left:25px;
      padding:0px;       
   }
   #emailFormRight {
      float:right;
      width:98%;
      margin-top:20px;
   }
   .videoPlayer_large {
      width:95%;
      padding:5px;
   }
   #indexCameraList {
      float:left;
      width:98%;
      padding:5px;
      background-color:#000000;
      margin-right:20px;
      margin-bottom:10px;      
   }
   .footerLayout .ui-block-a, .footerLayout .ui-block-b, .footerLayout .ui-block-c {
      width: 100%;
      padding: 0px;
      float: left;
      border-style: solid;
      border-color: #333;
      border-width: 1px 1px 1px 1px;
   }
   #blogArticleLeft {
      display: none;
   }   
   #blogArticleRight {
      width:98%;
      float:left;
   }
   .literatureImgLeft {
      float:left;
      width:98%;
      margin-right:0px;
   }
   .literatureControlRight {
      float:left;
      width:98%;
   }
   #loginFormLeft {
      display: none;
   }
   #loginFormRight {
      margin-bottom:20px;
      float:left;
      width:98%;
   }
   #loginFormAll {
      width:98%;
      margin:auto;
   }
   #OR_partnersCamera {
      float:left;
      width:95%;
      height:30%;
      border-radius: 25px;
      padding:5px;
      background-color:#000000;
      margin: 15px 50px 30px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
   }
   #OR_partnersSelect {
      float:left;
      width:95%;
      height:30%;
   }
   #OR_campaignReportsCamera {
      display: none;     
   }
   #OR_campaignSelect {
      float:left;
      width:95%;
      height:30%;
   }   
   #affiliateHubWrapper {
     width:100%;
   }
   #affiliateHubLinks {
      width:100%;
   }
   #affiliateHubTFL {
      margin-bottom:30px;
      width:95%; 
   }
   #_campaignVideoPopup-popup {
      width: 70%;
      left: 15%;
      right: 15%;
   }
   #getPopupEmeetingsList-popup {
      width: 90%;
      left: 5%;
      right: 50%;
   }
   .normText {
      color:#555;
      font-size:12px;
      font-weight:normal;
      font-style:italic;
   }
   .subHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13px;
      color: #666666;
   }   
   .subSubHeading {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-style: italic;
      font-size: 13px;
      color: #000080;
   }
   .bold {
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-weight: bold;
      font-size:13px;
   }
    h2 {
      color: #444;
      font-family: Verdana, "Comic Sans MS", cursive, sans-serif, Arial, Helvetica;
      font-size:15px;
      font-weight: bold;
      font-style: italic;
      color: #280669;
   }
   h3 {
      font-weight: bold;
      font-style: italic;
      font-size: 14px;
      color: #d35400;
   }     
    .copyright-info {
      text-align:center;
      font-size: 11px;
      font-style: italic;
      color: #999999;
   }
   h11 {
      color:#444;
      font-size:11px;
      font-style: italic;
      font-weight:bold;
   }                 
}

/***** END OF MEDIA QUERIES *****/