/*
        .       IIIIIIIIIIIIIIIIIIIIIIIIIII     .. . . .    
   ++++  IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,  ++++    
  +++++  IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII, +++++    
   ++++. IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII, .++++    
     +.  IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,  ++      
     ++  IIIIIIIII~,?IIIIIIIIIIIIIIIII~,IIIIIIIII,  +:      
     ++  IIIIII.  :=. ..IIIIIIIIIII ..~~ ..?IIIII,  +       
      +  IIII= ~~=====~  IIIIIIII..======== .IIII, ++       
      +~ IIII.~===MMD===  IIIIII:.====MM====.:III, +~       
      +++III..===MMMMM==~.IIIIII..=~=MMMM8==:.III+++        
     :+++III, ===MMMMM===.IIIIII..===MMMMI==,.III++++       
    .++++IIII.,===$M==== .IIIIII+.====NM====.+III++++,      
     ++++IIIII  ======= .IIIIIIII=.~======~ .IIII++++.      
      +++IIIIII .   ...?IIIIIIIIIII .    ..IIIIII+++.       
       . IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII~          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIII                           IIIIII,          
         IIIIIII      CreativeKindle!      IIIIII,          
         IIIIIII                          .IIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
         IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
        .IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII,          
*/

/******************** Recommended CSS reset, based on work by Eric Meyer - http://meyerweb.com ********************/

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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}


:focus{outline:none;}

/*img{max-width:100%;}*/

table{border-collapse:separate; border-spacing:0;}

/*caption, td{text-align:left; font-weight:normal;}*/

blockquote:before, blockquote:after, q:before, q:after{content:"";}

blockquote, q{quotes:"" "";}

/******************** more resets ********************/

*, *:before, *:after{padding:0; margin:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/******************** type ********************/

a{text-decoration:none; color:#7b7b7b;}
ul{list-style:none; list-style-type:none;}
em{font-style:italic;}
p{margin:1em 0;}
strong{font-weight:bolder}

h1{font-family:'Oswald', sans-serif; font-size:2.0em; text-transform:uppercase; color:#49cecb; font-weight:100;}
h2{font-family:'Oswald', sans-serif; font-size:1.6em; text-transform:uppercase; color:#49cecb; font-weight:100; margin:0 0 15px 0;}
h3{font-family:'Oswald', sans-serif; font-size:14px; text-transform:uppercase; color:#49cecb; }

/******************** structure ********************/

body{background:url(/images/bg-body.png) repeat-y top center; width:100%;  font-family:'Roboto', sans-serif; font-size:62.5%;}

#wrapper{width:1000px; margin:0 auto;}

/******************** header ********************/

header{margin:15px 0;}

#top_links{float:right; color:#7b7b7b; margin:30px 0 0 0;}
#top_links a{color:#7b7b7b;}

#logo{background:url(/images/logo.jpg) no-repeat; width:383px; height:169px; border:0; display:block; text-indent:-9999px; float:left; margin:30px 0 0 0;}

#date_location{color:#49cecb; text-transform:uppercase; float:right; clear:right; margin:15px 0 0 0; font-family:'Oswald', sans-serif;}
#date, #location, #workshop-date{display:block; text-align:right;}
#date{font-size:3.2em;}
#location{font-size:1.5em;}
#workshop-date{font-size:1.3em;}

nav{clear:both; float:left; width:100%; padding:15px 0; font-size:1.5em; text-transform:uppercase; margin:0 auto; font-family:'Oswald', sans-serif;}
nav a{color:#256ed7;}
nav ul li{float:left; margin:0 20px 0 0;}
nav ul li.register a{color:#fff; background:#49cecb; padding:2px 9px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

#theme{height:260px; position:absolute; width:100%; top:290px; left:0; background:url(/images/bg-theme.png) no-repeat center top;}
#theme_text{width:100%; margin:40px auto; color:#fff; font-family:'Roboto', sans-serif; font-weight:100; font-size:6em; text-align:center; line-height:1;}
#theme .btn{width:260px; height:60px; margin:40px auto; color:#fff; background:#49cecb; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-family:'Oswald', sans-serif; font-size:2.3em; text-transform:uppercase; display:block; line-height:60px;}

/******************** primary ********************/

#primary_content{width:670px; float:left; font-size:1.4em; color:#555555; font-weight:300; margin:0;}
/*#primary_content div{float:left; width:610px; background:#fff; margin:0;}*/
#primary_content p{line-height:1.3;}

#primary_content ul{
    list-style:disc;
    margin-left:20px;
}
 #primary_content ul li {
    margin-bottom:4px;
}
#primary_content ol {    
    margin-left: 20px;
}
#primary_content ol li {
    margin-bottom: 4px;
}
     


/******************** secondary ********************/

#secondary_content{float:right; width:300px; margin:0; color:#555; font-family:'Roboto', sans-serif; font-size:1.3em; font-weight:300;}
#secondary_content .secondary_item{float:left; clear:both; width:300px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:solid 1px #eee;}



.chair img{float:left; margin:0 30px 0 0;}
.chair span{color:#49cecb; display:block;}
#chair_name{margin:38px 0 0 0; font-size:1.3em;}
#chair_company{font-size:1.1em;}

#committee li{font-size:0.88em; color:#555; line-height:1.8;}

#sponsors li{float:left; margin:0 15px 15px 0; width:142px; height:50px; background:#eee;}

/******************** advertisements ********************/

.advertisement{margin:0 auto; display:block; clear:both;}
#ad_leaderboard{width:728px; height:90px;margin-top:40px;}
#ad_box{width:300px; height:250px;}
#ad_sky{width:120px; height:600px;}

/******************** forms ********************/

.secondary_item input[type="text"]{border:solid 1px #eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:210px; height:40px; margin:0 15px 15px 0; float:left}
.secondary_item input[type="submit"]{font-family:'Oswald', sans-serif; color:#fff; background:#49cecb; margin:-15px 0 0 0; padding:4px 13px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-transform:uppercase; border:none; font-size:1em; cursor:pointer; float:left;}


/******************** overrides ********************/

.float_left{float:left;}
.float_right{float:right;}

/******************** other resolutions ********************/


/******************** Pages ********************/
.page-content a{color:blue; text-decoration:none;}
.page-content a:hover{color:red;}



/******************** Social Media Icons ********************/
ul#social-icons{
    float:right;
    margin: 10px 0 0 0;
    width: 210px;
    list-style: none;
    list-style-type: none;
    margin:0;
}
ul#social-icons li{
    float: left;
    padding: 0 5px;
    width: 32px;
    height: 32px;
    margin:0 10px 0 10px;
}

/******************** Sponsor Logos ********************/
.clsSideBarSponsors td{
    text-align:center;
    padding:7px;
}

/******************** Speaker List ********************/
.clsSpeakerListItem{
    float:none;
    display:block;
    border-bottom:1px #ccc dotted;
    margin-bottom:15px;
}
.clsSpeakerSocialNetworks {
    float:right;
    width:185px;
    text-align:right;
    
}
.clsSpeakerSocialNetworks img{
    padding-top:10px;
    margin-right:4px;
}

/******************** Exhibitor List ********************/
.clsExhibitorListItem{
    float:none;
    display:block;
    border-bottom:1px #ccc dotted;
    margin-bottom:15px;
}

.featured{        
    box-shadow: 5px 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px 5px #888;
    padding:5px;
    margin:20px 0;
}
.clsExhibitorContact{
    text-align:center;
}
.clsExhibitorContact a{
    color:blue;
}

.clsBoothNumber {
    float:right;
    width:185px;
    text-align:right;
}


.share-session-button {
    width:50px;
    float:right;
    border:1px #ececec solid;
    text-align:center;
    background-color:#f7b43f;
    border-radius:5px;
}

.share-session-button a {
    color:#fff;
    text-transform:uppercase;
}


/******************** Status Messages ********************/
.clsStatusMessage{
    margin:10px 0;
    background-repeat:no-repeat;
    background-position:left;
    padding:4px 0 4px 55px;
    min-height:48px;
    color:#444;
}

.clsStatusError {    
    background-image:url(/Images/error.png);
    border-top:1px #ff0000 solid;
    border-bottom:1px #ff0000 solid;
    background-color:#ffeeee;
    
}

.clsStatusError div {
    padding: 2px 0;
    color: red;
}


.clsStatusWarn{    
    background-image:url(/Images/emblem-important-48.png);
    border-top:1px #f57900   solid;
    border-bottom:1px #f57900   solid;
    background-color:#ead2ba  ;
    
    
}
.clsStatusWarn  div{
    padding:2px 0;
    color:#867d7d;
}

.clsStatusOK {
    background-image:url(/Images/OK.png);
    border-top:1px #85d30c   solid;
    border-bottom:1px #3ea206 solid;
    background-color:#f4f9ee      ;
    
}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}

.modal-Header{
	background-color: #000;	
	color:#ffffff;
	padding:2px;
	text-align:center;
	font-weight:bolder;
	height:24px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

#modal-LargeEditor{
	 border:1px #cccccc solid; 
	position: fixed; 
	background-color:#ffffff; 
	width:750px; 
	height:500px; 
	top:55%; 
	left: 50%; 
	margin-top:-325px; 
	margin-left:-325px; 
	overflow:hidden;
	z-index:2000;
	border-radius:5px;
	moz-border-radius:5px;
}

#modal-LargeEditor .modalContent 	{
	width:750px;    
	height:390px;
	overflow:auto;	
	padding:5px 10px
}


#modal-LargeEditor .buttons{
  width:750px;
  height:31px;  
  padding:4px 10px;
  text-align:center;
  
}

#modal-LargeEditor .buttons input {
    padding:4px;
    margin:4px auto;
    cursor:pointer;
}


/* Ad's removed.  Was padding:) margin:0 auto.  Now using this for perma link for speakers*/
#modal-LargeEditor .advertisements{
    width:750px;
    height:40px;    
    padding:0;
    margin:0 auto;
    text-align:center;
}


#modal-MediumEditor
{
	 border:1px #cccccc solid; 
	position: fixed; 
	background-color:#ffffff; 
	width:500px; 
	height:350px; 
	top:50%; 
	left: 50%; 
	margin-left:-200px; 
	margin-top:-200px; 
	overflow:hidden;
	z-index:2000;
	border-radius:5px;
	moz-border-radius:5px;	
}

#modal-MediumEditor .modalContent 	{
	width:490px;
	height:320px;	
	overflow:auto;
}

#modal-SmallEditor{
	 border:1px #cccccc solid; 
	position: fixed; 
	background-color:#ffffff; 
	width:400px; 
	height:200px; 
	top:50%; 
	left: 50%; 
	margin-left:-200px; 
	margin-top:-200px; 

	overflow:hidden;
	z-index:2000;
	border-radius:5px;
	moz-border-radius:5px;
}

#modal-SmallEditor .modalContent 	{
	width:390px;
	height:147px;
	overflow:auto;	
}

#modal-SmallEditor .buttons{
  width:390px;
  height:30px;
  text-align:center;
}

#modal-SmallEditor .buttons input {
    padding: 0 4px;
    cursor: pointer;
}


.modalContent {
	background-color:#ffffff; 
	font-family:Verdana;
	color:#000000;
	font-size:12px;
}