@charset "utf-8";

/* set the device's viewport to the device's width */
@viewport
{
	width:device-width;
}

/******************************************************************/
/*	Reset CSS 												      */
/******************************************************************/
*{margin: 0; padding: 0;}
html, body {height:100%;}
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, font, 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 {
	margin: 0;
	padding: 0;
	border:none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: none repeat scroll 0 0 transparent ;
}
body {
    background-color: #F2EEE5;
    background-image: url("../../../../portals/10/images/pattern/minimalist10.png");
    background-repeat: repeat;
    color: #7D7D7D;
    font-family: Helvetica,Arial,sans-serif;    


    font-size: 12px;    
    line-height: 1;
}
/******************************************************************/
/*	Reset CSS *END*											      */
/******************************************************************/

/* Container */
.container {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    /*width: 88% !important;
	max-width: 1006px;*/
	width: 1006px;
}
.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 93.43936381709742% !important;	/* 940/1006 */
    min-height:600px;
}
.innerwrapper {
    float:left;
}
.page-heading {
    border-bottom: 1px solid #DEDEDE;
    max-height: 178px;
    margin: 10px auto 30px;
    padding-bottom: 2% !important;
	width:100% !important;
	height: auto !important;
}

.page-heading img{
/********** remove when deploying *********
	content: url("images/webinarbanner.png");
/******************************************/	
	max-width: 100%;
	position: relative !important;
}
div.heading-text{
	width: 27.65957446808511% !important;
	/* max-width: 100%; */
	position:absolute !important;
}


#content {
    padding-right: 5px;
    width: 100% !important;	
    display: inline;
    float: left;
    margin-right: 20px;
    padding:0px 0px 10px 0px;
}
#content div#dnn_ContentPane div.Normal div.col_13
{
	width:31.25% !important;
	margin-right: 2.08333333333333% !important;
}
.col_34 {
    display: inline;
    float: left;
    margin-right: 20px;
}
.last {
    float: right;
    margin-right: 0;
}
.lowerwrapper {
    margin-left: auto;
    margin-right: auto;    
    margin-bottom: 20px;
	width: 93.43936381709742% !important;
}
#header {
    height: 60px;
    border-bottom: 1px solid #DEDEDE;
}
#logo {    
    display: inline;
    float: left;
    margin-top: 10px;
    width: 23.40425531914894% !important;	/* 220/940 */
    padding-right:20px;
}
#User {
    float: right;  
    padding-bottom: 10px; 
	max-width:100%;	
}
/*
 applies to the Membership page
*/
#content div.pricing-box 
{
	margin-top: 10px;
}
#content div.pricing-box div.pricing-button
{
	left: 0px !important;
	/*margin-top: -10px;*/
}
#content div.pricing-box div.pricing-button a.button
{
	float: none !important;
}
/*****************************************************/


.membershipBox
{
	width:33.33333333333333% !important;
	float:left;
	}

.membershipBoxMiddle
{
	width:31% !important;
	
	float:left;
	/*border: 1px solid #dedede;*/
  background: #ffffff url(../../../../portals/10/images/bgpricing.jpg) bottom repeat-x;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
	}


	.membershipBoxMiddleTest
{
	width:31% !important;
	
	float:left;
	border: 1px solid #dedede;
  background: #ffffff url(../../../../portals/10/images/bgpricing.jpg) bottom repeat-x;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
	}


	.membershipBoxFirstTest
{
	width:28% !important;
	
	float:left;
	border: 1px solid #dedede;
  background: #ffffff url(../../../../portals/10/images/bgpricing.jpg) bottom repeat-x;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
	}




#mainMenuForMobile{
	display:none;
}

#showcase {
    width:100% !important;
    float:left;
    margin-top:-20px;
}

#showcase > div:first-child{
	width: 76.59574468085106% !important; /* 720/940 */;
	float: left;
}

#showcase div.Normal ul li{
	margin-right:2.77777777777778% !important;
	width:30.55555555555556% !important; /* 220/720 */
	float: left;
}

#showcase img{
	max-width: 100%;
}

.mediapanel
{
    width:23.40425531914894% !important;	/* 220/940 */
    float:left;
}

#sidebar {
    background: url("../../images/sidebar.png") repeat-y scroll left top transparent;
    min-height: 660px;  
    float: right;
    display:inline;
    width:250px;/*220px;*/
    padding-left: 15px;
}
.sidebox {
    margin-bottom: 30px;
    padding: 0 0 0 25px;
}
.sidebox ul {
}
.sidebox ul li {
    background: url("../../images/item.png") no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #EEEEEE;
    display: block;
    margin: 10px 0;
    padding-bottom: 10px;
    padding-left: 20px;
}
.sidebox h4 {
    margin-bottom: 20px;
}
#footer-wrapper {
    background: #EFAD00 url(../../images/pattern/minimalist3.png) repeat;
    margin-top:30px;
    padding:30px 0 0 ;
	width: 100% !important;
	height: auto !important;
}
#footerbox
{
}
#footerbottom {
    padding: 15px 0;
    background: none repeat scroll 0 0 white;
}
ul li {
	list-style-type: none;
}
div.footerbox{
	margin-right: 1.48936170212766% !important; /* 14/940 */
	width: 23.40425531914894% !important; /* 220/940 */
}

.cartpanesearch, .cartpane
{
	float: none !important;
	display: inline-block !important;
}

div.twtr-doc
{
	width: 100% !important;
	overflow-y: scroll;
}
div.twtr-doc > div
{
	width: 94% !important;
	float: none !important;
}
div.twtr-doc > div > div
{
	max-width: 100%;
	float: none !important;
}
div.twtr-tweet
{
	float:none !important;
	max-width: 100% !important;
}
.pricing-3col
{
	margin-left: 1.063829787234043% !important;
	width: 24.46808510638298% !important;
	/*height: auto !important;*/
}
.features-box
{
	height: auto !important;
}
.starlist
{
	margin-top: 15px !important;
}
.pricing-button
{
	/*padding-top: 0 !important;*/
}
.pricing-button a
{
	margin:0 !important;
}
/* applies to Video Detail */
video
{
	width: 100% !important;
	height: auto !important;
}
#content table tbody tr td
{
	vertical-align: middle !important;
}
/* applies to Search results */
.dnnForm
{
	min-width: auto !important;
}
table[id*=SearchResults]
{
	table-layout: fixed !important;
	width: 100% !important;	
}
.dnnGridItem td:first-child, .dnnGridAltItem td:first-child
{
	width: 16px !important;
}
.dnnGridAltItem a, .dnnGridItem a
{
	word-wrap: break-word;
}


/********** remove when deploying *********
div#logo a img{
	content:url("images/ITMPI_Logo.png");
}
/******************************************/

/*.twtr-mid, #DCCTwFeed .twr-head, #DCCTwFeed .twtr-tweet, #DCCTwFeed .twtr-doc, #DCCTwFeed .twtr-doc .twtr-tweet .twtr-tweet-wrap, #DCCTwFeed .twtr-footer-mid
{
    width:220px !important;
}
#DCCTwFeed .twtr-tweet .twtr-tweet-text
{
    margin-left:0px !important;
}
*/

@media (min-width:768px) and (max-width:914px) {
.pricing-3col
{
	height: 500px !important;
}
.mediapanel
{
    width:100% !important;	
    float:left;
} 
}

/* style for medium size screens */
@media (min-width:768px) and (max-width:1024px) {
body{
	background-image: none !important;	
}

.container {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
	max-width: 1006px;
}

#logo {    
    float: none;    
}

#header {
    border-bottom:none;
}
div.heading-text{
	top: 20px !important;
}
#sidebar {
    background: url("../../images/sidebar.png") repeat-y scroll left top transparent;
    min-height: 660px;  
    float: right;
    display:inline;
    width:26.59574468085106% !important; /*250/940*/
    padding-left: 15px;
}
#content div.Normal:first
{
	/*display: table;*/
}
#content div#dnn_ContentPane div.Normal div.col_13
{
	width:47% !important;
	/*width:33% !important;*/
	margin-right: 2.08333333333333% !important;
	/*display: table-cell !important;
	float: none !important;*/
	height: 78px;
}
#content div#dnn_ContentPane div.Normal div.clear:not(:last-child)
{
	clear: none !important;
}

#content div#dnn_ContentPane div.Normal div.last
{
	float: left !important;
	/*float: none !important;*/
	margin-right: 2.08333333333333% !important;
}

/*#showcase > div:first-child{
	width: 100% !important;
}
*/
#showcase div.Normal ul li{
	display: inline-block !important;
	margin-bottom: 1.59574468085106% !important; /* 15/940 */
	margin-right:1.59574468085106% !important;  /* 15/940 */
	width: 31.5% !important; 
}
#showcase div.Normal ul li img{
	max-width:100% !important;
}
/********** remove when deploying *********
div#logo a img{
	content:url("images/ITMPI_Logo.png");
}
/*****************************************/

div.mediapanel
{
	/*display:none !important;*/
}
.pricing-featured
{
	margin-left: 1.063829787234043% !important;
	padding: 2.84347826086957% !important;
}

}

@media (min-width:914px) and (max-width:1024px) {
.mediapanel
{
    width:20% !important;	
    float:right;
} 
#DCCTwFeed .twtr-tweet {
width:100% !important;
}

}
@media (min-width:767px) and (max-width:914px) {
#DCCTwFeed .twtr-doc {
 height:100% !important;*
}
}


@media (min-width:481px) and (max-width:767px) {
body{
	background-image: none !important;	
}
.container {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
	max-width: 1006px;
}

div.page-heading{
	/*display: none;*/
	padding-bottom: 15px !important;
}
div.page-heading img
{
	display: none;
}
div.heading-text
{
	position: relative !important;
	top: 20px !important;
	width: auto !important;
	margin-bottom: 15px;
}

#dnn_dnnSearch_ClassicSearch{
	display:block;
	text-align: right;
}

#content div#dnn_ContentPane div.Normal div.col_13
{
	float: left;
	clear: both;
}
#content div#dnn_ContentPane div.Normal div.col_13
{
	width:100% !important;
}
#showcase div.Normal ul li{
	display: inline-block !important;
	margin-bottom: 15px !important;
	width:50% !important;
}
/* #footer-wrapper > div.lowerwrapper, div.mediapanel*/
 #footer-wrapper > div.lowerwrapper{
	display:none !important;
}
div.last{
	float:none;
}
.pricing-featured
{
	margin-left: 1.063829787234043% !important;
	width: 272px !important;
}
.user span
{
	/*margin-right: 1.3% !important;*/
}
.mediapanel{ /*added to get the twitter feed pane to the next line*/
float: none;
width:100% !important;
}
#DCCTwFeed .twtr-tweet {
width:100% !important;
}

#DCCTwFeed .twtr-doc {
 height:100% !important;*
}

/*#DCCTwFeed .twtr-doc {
height:auto;
}
#DCCTwFeed .twtr-tweet{
width: auto;
}
*/
}

@media (max-width:480px) {
body{
	background-image: none !important;	
}
.container {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
	max-width: 1006px;
}

#dnnCPWrap{
	display:none !important;
}

div.page-heading{
	/*display: none !important;*/
	padding-bottom: 15px !important;
}
div.page-heading img
{
	display: none;
}
#logo{
	float:none !important;
}
div#logo img{
	max-width:100%;
}
#header{
	padding-bottom:25px;
}
/********** remove when deploying *********
div#logo a img{
	content:url("images/ITMPI_Logo.png");
}
/******************************************/
#dnn_dnnSearch_ClassicSearch{
	display:block;
	text-align: right;
}
div.heading-text
{
	position: relative !important;
	top: 20px !important;
	width: auto !important;
	margin-bottom: 15px;
}
#content div#dnn_ContentPane div.Normal div.col_13
{
	float: left;
	clear: both;
}
#User
{
	margin-top: 4px;
	/*margin-right: -4.166666666666667%;*/
}
#content div#dnn_ContentPane div.Normal div.col_13
{
	width:100% !important;
}

#footer-wrapper > div.lowerwrapper, div.mediapanel, div#showcase
{
	display:none !important;
}

div.lowerwrapper div.col_12
{
	width:100% !important;
	display: block !important;
	clear: both;
	float: none !important;
}

#footerbottom p{
	font-size: 0.75em;
}
.pricing-featured
{
	margin-left: 10px !important;
}
.pricing-3col
{
	width: auto !important;
	height: auto !important;
}
.features-box
{
	height: auto !important;
}
/*
applies to cart and checkout pages
*/
.StoreTableHeader th
{
	padding: 0 6px !important;
}
tr.StoreTableHeader + tr td input[type="text"]
{
	width: 100% !important;
}
div[id$="BillingAndShippingPanel"] table tbody tr td .dnnTooltip
{
	/*min-width: 100px !important;*/
	width: auto;
}
div[id$="BillingAndShippingPanel"] table tbody tr td input[type='text'], select, textarea
{
	min-width: 150px !important;
	width: 100% !important;
}
div[id$="BillingAndShippingPanel"] table tbody tr > td:first-child
{
    width: 25% !important;
}


/*Contact Us*/
.Feedback_SectionHead {
    border-bottom: 2px solid;
    clear: both;
    float: left;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    padding-bottom:5px !important;
    width: 100%;
    font-size: 20px;
    }




    h1subscribe {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px;
}
 








/*.cartpanesearch
{
	margin-top: 27px;
	/*margin-left: -60px;*
}
.user span
{
	margin-bottom: 5px;
	margin-right: 1.3% !important;
	position: absolute !important;
}
.cartpane
{
	margin-top: 4px;
	/*margin-left: 20px;*
}

.user > :not(span#dnn_dnnSearch_ClassicSearch)
{
	position: relative;
	top: 27px;
}*/
}