﻿html {
    overflow:scroll;
}
body {    
    font-family:Calibri, Verdana;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    margin:0;
}
a {
    text-decoration:none;
    color:#fff;
}
#outerContainer {
    background-repeat:no-repeat;
    background-position:center top;
    min-height:767px;
    width:1024px;
    margin:0 auto;    
    cursor:pointer;
}
#innerContainer
{
    width:900px;
    margin:0 auto;  
    cursor:default;
}
#page-header
{
    height:60px;    
}
#page-nav
{
    height:91px;
}
#page-breadcrumb
{
    height:90px;
}
#page-main
{    
    background-color:#eee;    
}
#main-content
{
    width:669px;
    border-right:1px dotted #b7b6b6;
    min-height:526px;
    float:left;    
}
#individual-page:not(.noScroll) {    
    overflow-x: hidden;
    overflow-y:scroll;
}

#main-right-sidebar
{
    width:230px;
    float:right;
}
.new-row
{
    clear:both;
    /*float:left;*/
}
.new-row:before, .new-row:after {
    display: table;
    line-height: 0;
    content: "";
}
.content-column
{    
    float:left;    
}
.content-column.two
{
    width:295px;
}
.content-column.three
{
    width:196px;
}

.rightBlock 
{
    font-size:0px;/*To prevent img margin*/
    margin-bottom:15px;
}
.rightBlock .title
{
    font-size:21px;    
    font-weight:bold;
    padding:4px 0px;
    letter-spacing: 1px;
    color:black;
}
.rightBlock .content img {
    width:190px;
    padding:0; margin:0;border:0;
}
.rightBlock .content p
{
    padding:5px 10px; 
    margin:0;
    color:#fff;
    font-size:12px;
}
/*BreadCrumbs*/
#bc-item-wrap, #bc-item-wrap2 {
    padding: 10px 0px 0px 35px; 
    height: 26px; font-family:Calibri; 
    font-size:12px; font-weight:bold; 
    color:#fff;
}
.arrow-right {
    float: left; width: 10px; height: 26px;	
}
.arrow-right div {
    width: 0; height: 0; 
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;	
	border-left: 9px solid white;	
}
.bc-item-wrap {
    float: left; line-height: 26px; padding: 0px 20px 0px 20px;
}
.bc-item-wrap.first {
    padding: 0px 20px 0px 140px;
}
.bc-item-wrap.push-left {
    margin-left: -10px;
}
#breadcrumb-branch
{
    padding-left: 112px;
     position: relative;
    top: -72px;
}
/*End:BreadCrumbs*/
/*DDS Menu*/
.ddsmoothmenu {
	background: transparent scroll;
	/*width: 100%;*/
	/*padding: 3px 0 0 0;*/
    font-size:10px;
    font-weight:bold;
    font-family:Arial;
}
.ddsmoothmenu ul {
	z-index:100;
	margin: 0px 0px 0px -20px;
	padding: 0;
	list-style-type: none;
	/*float: left;*/
	background: transparent;
	box-shadow: none;
}
.ddsmoothmenu ul li {
	/*padding: 3px 20px 4px 20px;*/
	/*padding: 3px 17px 4px 17px;*/
	padding:5px 8px;
	/*border-right: 1px solid #e5e5e5;*/
	position: relative;
	display: inline;
	float: left;
	text-transform: uppercase;/*Added by OTWEB*/
}

.ddsmoothmenu ul ul {
	margin-left: 0px;
	margin-top: 0px;
	padding-top:29px;
	/*border-top: 2px solid #F4921E;*/
	background-image:url('/img/menu-triangle.png');	
	background-position:top left;
	background-repeat:no-repeat;
}
.ddsmoothmenu ul ul ul {
	margin-left: 0px;
	margin-top: 0px;
	/*border-top: 0px solid #F4921E;*/
}
.ddsmoothmenu ul li a {
	display: block;
	color: #404040;
	text-decoration: none;
	outline: none;
	word-spacing: 3px;
	/*font-size: 14px;
	font-weight: 300;*/
	padding: 0;
	/*line-height: 1em;*/
	line-height:12px; /*Increase line height*/
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	/*color: #404040;*/
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	/*color: #404040;*/
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-right: 2px;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	box-shadow: none !important;
	/*background: #414141;*/
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	box-shadow: none !important;
	/*background: url(/img/nav-item-divider.png) repeat-x bottom;*/
	/*padding: 10px 10px 12px 10px;*/
	padding:0px 5px;
	border-right: 0px;
	clear: both;/*Added by OTWEB*/
	width: 200px;/*Added by OTWEB*/
	text-transform: none;/*Added by OTWEB*/
	font-size:12px;/*Added by OTWEB*/
	background-color: #fff;
	height:22px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	/*width: 160px; *//*width of sub menus*/
	float:left;/*Added by OTWEB*/
	margin: 0;
	/*color: #fff !important;*/
	line-height: 1em;
	/*font-size: 12px !important;*/
	border-right: 0px;
	padding: 5px;
	background-color: #fff;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
}
/* CSS classes applied to down and right arrow images */
.downarrowclass {
	position: absolute;
	top: 11px;
	/*right: 10px;*/
	right: 8px;
}
.rightarrowclass {
	display: none;
}
/*Menu select*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #404040 !important;
	outline: none;
	/*border: 1px solid #404040;*/
	width: 100%;
	padding: 5px 10px;
	background:transparent;
	/*font-size: 12px;*/
	height: auto;
	margin: 0 auto;
}
/*End:Menu*/
/*Home Page*/
.chameleon-placeholder {
    background-color: transparent;
    position: relative;
    cursor:pointer;
}
.home-blob {
    font-size: 14px;
    font-family: Arial;
    position: relative; 
    display:none;
    z-index:2;
    cursor:pointer;
}
.home-blob div {
    margin:0;
    padding:0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    padding: 15px;
}
/*End: Home Page*/
/*Clients Page*/
.content-column .clientimages img {
    width: 102px;
    border: 1px solid #b2b1b1;
    height: 80px;
    margin-right: 21px;
}
/*End: Clients Page*/
/*Illustrations 3 Grid*/
.content-column .illustrations img {
    height: 120px;
}
.illus-item {
    float:left;
    width:160px;
    margin-right: 62px;
    margin-bottom: 15px;
    cursor:pointer;
}
.illus-item .title {
    height: 38px;
    overflow: hidden;
}
/*End:Illustrations 3 Grid*/
/*Common Stuff */
.clrBth {
    clear:both;
}
.mrgB5 {
    margin-bottom: 5px!important;
}
.mrgT10 {
    margin-top:10px!important;
}

.mrg10-0-5-0
{
    margin: 10px 0px 5px!important;
}
.mrgR14
{
    margin-right: 14px!important;
}
.mrgR8
{
    margin-right: 8px!important;
}
.mrgR0
{
    margin-right: 0px!important;
}
.pdT2
{
    padding-top: 2px!important;
}
.pdB10
{
    padding-bottom:10px!important;
}
.pdTB12
{
    padding-top:12px!important;
    padding-bottom:12px!important;
}

.fBold {
    font-weight:bold!important;
}
.fItalic {
     font-style:italic;
}
.fRed {
     color:#b5191d;
}

.fRed-italic {
     font-style:italic;
     color:#b5191d;
}
.dotted-hr
{
    border-bottom: 1px dotted #b2b1b1!important;
    clear:both;
}
.new-row ul {
    padding-left: 15px;
}


/*End: Common Stuff*/

/*Copy Types*/
.fSmall {
    font-size:13px;   
}
.fBig {
    font-family:DinBold;    
    font-size:36px;
    line-height: 35px;    
}
.copy-normal
{    
    line-height: 20px;
    font-size:14px;
    letter-spacing:0.03em;
}
.copy-normal p
{
    margin: 12px 0px;
    padding: 0px;
}
.copy-heading-top {
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 3px;
    text-transform: uppercase 
}
.copy-other-heading{
    font-weight:bold;
    font-size:16px;
    text-transform: uppercase 
}
/*End: Copy Types*/
/*Colors*/
/*Green / About*/
.fGreen, .ddsmoothmenu ul li.green a.selected, .ddsmoothmenu ul li.green a:hover,
.ddsmoothmenu ul li.green ul li a, #bc-item-wrap2.green .bc-item-wrap a{
    color:#307e00;
}
.bgGreen, #bc-item-wrap.green .arrow-right, #bc-item-wrap.green .bc-item-wrap {
    background-color: #307e00;
}
#bc-item-wrap.green .arrow-right.white div {
    border-left: 9px solid #307e00;
}
.copy-heading-top.green {
    border-top:4px solid #307e00;    
}
/*Blue / Media Planning and Buying*/
.fBlue, .ddsmoothmenu ul li.blue a.selected, .ddsmoothmenu ul li.blue a:hover,
.ddsmoothmenu ul li.blue.selected-li ul li a, .ddsmoothmenu ul li.blue.selected-li ul li a:hover, #bc-item-wrap2.blue .bc-item-wrap a{
    color:#006288;
}
.bgBlue, #bc-item-wrap.blue .arrow-right, #bc-item-wrap.blue .bc-item-wrap, .rightBlock.blue p {
    background-color: #006288;
}
#bc-item-wrap.blue .arrow-right.white div {
    border-left: 9px solid #006288;
}
.copy-heading-top.blue {
    border-top:4px solid #006288;    
}
.rightBlock.blue {
    border-top:7px solid #006288;
}
.blue .illus-item {
    border-bottom:4px solid #006288;
}

/*Orange / Media Marketing*/
.fOrange, .ddsmoothmenu ul li.orange a.selected, .ddsmoothmenu ul li.orange a:hover,
.ddsmoothmenu ul li.orange.selected-li ul li a, .ddsmoothmenu ul li.orange.selected-li ul li a:hover, #bc-item-wrap2.orange .bc-item-wrap a{
    color:#f68121;
}
.bgOrange, #bc-item-wrap.orange .arrow-right, #bc-item-wrap.orange .bc-item-wrap, .rightBlock.orange p {
    background-color: #f68121;
}
#bc-item-wrap.orange .arrow-right.white div {
    border-left: 9px solid #f68121;
}
.copy-heading-top.orange {
    border-top:4px solid #f68121;    
}
.rightBlock.orange {
    border-top:7px solid #f68121;
}
.orange .illus-item {
    border-bottom:4px solid #f68121;
}
/*Maroon / Contact*/
.fMaroon, .ddsmoothmenu ul li.maroon a.selected, .ddsmoothmenu ul li.maroon a:hover,
.ddsmoothmenu ul li.maroon.selected-li ul li a, .ddsmoothmenu ul li.maroon.selected-li ul li a:hover, #bc-item-wrap2.maroon .bc-item-wrap a{
    color:#b5191d;
}
.bgMaroon, #bc-item-wrap.maroon .arrow-right, #bc-item-wrap.maroon .bc-item-wrap, .rightBlock.maroon p{
    background-color: #b5191d;
}
#bc-item-wrap.maroon .arrow-right.white div {
    border-left: 9px solid #b5191d;
}
.copy-heading-top.maroon {
    border-top:4px solid #b5191d;    
}
.rightBlock.maroon {
    border-top:7px solid #b5191d;
}
.maroon .illus-item
{
    border-bottom:4px solid #b5191d;
}

/*Teal / Clients*/
.fTeal, .ddsmoothmenu ul li.teal a.selected, .ddsmoothmenu ul li.teal a:hover,
.ddsmoothmenu ul li.teal.selected-li ul li a, .ddsmoothmenu ul li.teal.selected-li ul li a:hover, #bc-item-wrap2.teal .bc-item-wrap a{
    color:#6a4a05;
}
.bgTeal, #bc-item-wrap.teal .arrow-right, #bc-item-wrap.teal .bc-item-wrap {
    background-color: #6a4a05;
}
#bc-item-wrap.teal .arrow-right.white div {
    border-left: 9px solid #6a4a05;
}
.copy-heading-top.fTeal {
    border-top:4px solid #6a4a05;    
}
/*Pink / Training*/
.fPink, .ddsmoothmenu ul li.pink a.selected, .ddsmoothmenu ul li.pink a:hover,
.ddsmoothmenu ul li.pink ul li a, #bc-item-wrap2.pink .bc-item-wrap a {
    color:#95358c;
}
.bgPink, #bc-item-wrap.pink .arrow-right, #bc-item-wrap.pink .bc-item-wrap {
    background-color: #95358c;
}
#bc-item-wrap.pink .arrow-right.white div {
    border-left: 9px solid #95358c;
}
.copy-heading-top.pink {
    border-top:4px solid #95358c;    
}

/*Grey / Insights*/
.fGrey, .ddsmoothmenu ul li.grey a.selected, .ddsmoothmenu ul li.grey a:hover,
.ddsmoothmenu ul li.grey.selected-li ul li a, .ddsmoothmenu ul li.grey.selected-li ul li a:hover, #bc-item-wrap2.grey .bc-item-wrap a{
    color:#7e3b8c;
}
.bgGrey, #bc-item-wrap.grey .arrow-right, #bc-item-wrap.grey .bc-item-wrap, .rightBlock.grey p{
    background-color: #7e3b8c;
}
#bc-item-wrap.grey .arrow-right.white div {
    border-left: 9px solid #7e3b8c;
}
.copy-heading-top.grey {
    border-top:4px solid #7e3b8c;    
}
.rightBlock.grey {
    border-top:7px solid #7e3b8c;
}
.grey .illus-item {
    border-bottom:4px solid #7e3b8c;
}

/*End: Colors*/
/*Keep after other colors*/
#bc-item-wrap .arrow-right.white {
    background-color: transparent;
}
__debugCss
{
    display:block;
}

.sliderImg
{
    float:left;
    margin-right:21px;
}

.media-rhythm-image img
{
    width: 600px;
}

.themeMaroon .fBig, .themeMaroon .fBold, .themeMaroon .fBig
{
    color: #b5191d !important;   
}

.themeGreen .fBig, .themeGreen .fBold, .themeGreen .fBig, .themeGreen .copy-heading-top,
{
    color: #307e00 !important;   
}

.themeGreen .copy-heading-top
{
    border-top-color:  #307e00 !important;
}

.teamImage
{
    float:left;
    margin-bottom:20px;
}

.teamImage img
{
    float:left;
}

.rightBlock a.prettyPhoto
{
    cursor:pointer;
}

.ftr
{
    padding:15px;
    font-weight:bold;
    text-align:center;
    font-size:12px;
    cursor:default;
}

.ftr a
{
    color:Black;
}

#bc-item-wrap2 .bc-item-wrap
{
border-left:1px solid #ddd;
}

#bc-item-wrap2 .bc-item-wrap.first
{
border-left:none;
}

.regtext
{
    text-align:center;
    font-weight:bold;
}

.regtext span
{
    /*font-size:18px;*/
}

.stglogo span.rgbig, .mrtlogo span.rgbig
{
    font-size:23px;
    float:left;
    margin-top:10px;
}

.regtext img
{
    width:auto;
}

.regredtop
{
    color:red;
    font-size:22px;
    margin-top:20px;
    font-family:Bodoni MT Black;
    line-height:28px;
}

.regredbtm
{
    color:Red;
    font-size:26px;
    font-family:Gabriola;
    line-height:28px;
    margin:10px 0px;
}

.rgredvenue
{
    color:red;
    font-size:21px;
    margin-top:20px;
}

.rgtit
{
    margin:20px 0px 10px 0px;
    text-decoration:underline;
    font-weight:bold;
    font-size:18px;
}

.analyticsCourse .rgtit
{
    text-decoration:none;
    margin:0px 0px 0px 30px;
    padding:10px 20px 10px 20px;
    border:3px solid #b5191d;
    
    float:left;
    border-radius: 10px;
    background-color:#eee;
}
.analyticsCourse.registerPage .rgtit,
.analyticsCourse.registerPage #formWrapper
{
    background-color:#fff;
    border:0;
    
}
.analyticsCourse .rgtit#formLink, .analyticsCourse .rgtit#formWrapper
{
    float:none;
    padding:10px 20px;
}
.analyticsCourse .rgtit#formLink
{
    margin:0px 190px;
}
.analyticsCourse.registerPage .rgtit#formWrapper
{
    margin:0px 20px;
}
#formWrapper .macpRegSecHeader
{
    padding:5px;
    background-color:#2f5897;
    text-align:center;
    margin:20px 0px;    
    color:#fff;
    font-weight:bold;
}

.analyticsCourse .contentBox
{
    border:3px solid #307e00 ;
    border-radius: 10px;
    margin-bottom:20px;    
    margin-top:-10px;
    background-color:#fff;
    padding:20px;
}
.analyticsCourse .contentBox:hover
{
    background-color:#ddd;
}
.analyticsCourse  .segmentHeading
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
    color:#b5191d;
}
.analyticsCourse table.tabSpeakers
{
    width: 100%; border:0
}
.analyticsCourse table.tabSpeakers td
{
     width: 50%!important;
     vertical-align:top;
     border:0;
     padding:5px;
     
}
.analyticsCourse table.tabSpeakers td div
{
    margin-left: 10px;
    border:2px solid #b5191d;    
    padding:20px;
    text-align:justify;
    border-radius:10px;
    background-color:#fff;
}
.analyticsCourse table.tabSpeakers td div ol
{
    padding-left:15px;
}
.analyticsCourse #formWrapper
{
    background-color:#ddd;
}
.analyticsCourse .formRow
{
    margin-bottom:8px;
}
.analyticsCourse .rgred
{
    color:#307e00;
    font-weight:bold;
    font-size:16px;
}

.rgadd
{
    float:left;
    width:300px;
}

.regpage
{
    width:534px;
    margin-left:auto;
    margin-right:auto;
}

.rgdate
{
    float:right;
}

.rgcon span
{
    width:173px;
    float:left;
    font-weight:bold;
    clear:both;
    padding-left:10px;
}

.rgcon Textbox
{
    margin:2px auto;
}

.regtxtbox
{
    margin:3px auto;
    width:351px;
}

.regtxtboxforReg input
{
    margin:3px auto;
    width:20px;
}
.regtxtboxforReg span
{
    width:600px;    
}

table, td
{
    border:1px solid black;
    margin-bottom:10px;
}

.toplogo
{
    width:475px;
    margin:0 auto;
}

.mrtlogo
{
    margin-top:5px;
    width:380px;
    margin-left:auto;
    margin-right:auto;
}

#cp1_cp1_messageToUser
{
    color:Red;
    font-weight:bold;
}

.regButton
{
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:70px;
    text-align:center;
    padding: 5px 10px;
    background-color: #b5191d;
    cursor:pointer
}

.regCostnTerms p
{
    font-size:13px;
}

.regCostnTerms p b
{
    font-size:15px;
}

.regCostnTerms
{
    margin-top:30px;
    margin-bottom:30px;
}

.mediaRhythm5Tit
{
    color:#006288;
    font-size:18px;
    font-weight:bold;
    margin-top:20px;
}

.mediaRhythmList ul li
{
    font-style:italic;
}

.mdiaRhythmFelicitatrs
{
    font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}

.mediaRhythmCstAndTrms ol li
{
    font-size:12px;
}

.mediaRhythmList ul ,.mediaRhythmList ol
{
    float:left;
    width:390px;
}

.mediaRhythmList img
{
    float:right;
    width:120px;
    height:120px;
    margin-top:15px;
}

.rgadd span
{
    float:left;
    width:100px;
}

.sbmitButton
{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width:70px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
}

.fontRedHeading
{
    color:Red;
}

.sectionHeading
{
    font-size:18px;
}

.mediaRhythm5Section img
{
    width:300px;
    height:200px;
    margin:5px 10px 10px 10px;
}

.mediaRhythm5Section
{
    text-align:justify;
}
/*huzaifa 20151217*/
.contentWrapper
{
    /*float: left;
    width: 65%;
    margin-left:10px;
    margin-right:10px;*/
}
/*huzaifa 20151217*/
.formWrapper
{
    float: right;
    /*width: 33%;
    margin-left:10px;
    margin-right:10px;*/
    position: absolute;
    display: none;
    z-index: 9999;
    padding: 20px;
    border-radius: 15px;
    background-color:#fff;
}
.formWrapper .regtxtbox
{
    width: 184px !important;/*width: 290px !important;*/
    margin:3px 5px;
    padding:5px 1px;
}
