/*=====================================================================================
LAST EDITED BY:		Nicole Scherm 04 23 2015
                    Hanna Lee 10 08 2012

LEGACY COMMENTS:	4/23/15 - Added @media to make iframe responsive to mobile devices. Note that in order for changes to be visible
                              on a mobile device (and not just a resized browser screen), <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                              should be added to the html page. For this project the meta tag is defined is in default.ascx.

SPRITE USEAGE:		Icons                                   = xxx.png

BROWSER SUPPORT:	Primary:			        Secondary:
					IE 9				        IE 8
					FF x						Safari x.x
					Chrome x		                	                    							
												
MIN SCREEN RES:		

COLOUR PALETTE:		Primary:		7DCCC2	        Secondary: 435B6A
					body text       Roboto Condensed
*/


.submitLoad {display: inline-block; padding-left: 20px; background:url(http://qc2015sessioniframe.azurewebsites.net/img/sessions/ajaxLoader666.gif) no-repeat 0 0 transparent;}

/*=====================================
---------- STRUCTURE ------------------
=====================================*/

.sessionList_extraInfo {
	color: #888888;
}

#List   {background-color:#FFFFFF; padding:0;
		 margin-right:190px; /*Same as .sideBar width*/
}

.mainCol { float:none; width: 100%; padding:50px 0 0 0;}
.mainCol2 { float:none; width: 100%; padding:0; }
.mainCol3 { float:left; width: 730px; padding:0; }

#SessionBrowserControl{
	position:relative;
	top:-30px;
	z-index:5;
}

ul.filterValueList 
{
	padding-left:0;
	list-style:none;
}

/* ------------------- SIDE BAR ------------------ */

.wrapSideBarTop {background: none repeat scroll 0 0 transparent; float: right;}
.wrapSideBarTop2 {background: none repeat scroll 0 0 transparent; float: left;}

.wrapSideBarBtm {float: left; padding-bottom: 59px;}

.sideBar        {padding-left: 2px; width: 185px; float: left; }

/* =========================================================
	Global
   ========================================================= */

a,
a:visited
 {
	color: #435B6A;
	text-decoration: none;
}

a:active,
a:hover {
	color: #666666;
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

fieldset {
	border: none;
	padding: 0;
}

/* =========================================================
	.sessionList
   ========================================================= */

.sessionList {
	border:1px solid #CDCDCD; 
	background-color:#FFFFFF; 
	border-collapse:separate;
	-moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);  
	table-layout:fixed; 
	padding: 20px 10px 0 10px;
	margin-bottom: 20px;
    min-width: 250px;
    overflow: hidden;
}

div.sessionList > div:nth-child(2) {
	padding-top: 3em;
}

/* =========================================================
	.sessionList .row
   ========================================================= */

.row {
	border-bottom:1px solid #EEEEEE;
	font-size: 0.8em;
	padding:10px;
}
 
.title {
	display:block;
	font-size: 13pt;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.title,
.title a,
.title a:active,
.title a:hover,
.title a:visited {
	color: #7DCCC2;
}

.readDetail,
.sessionDetails {
	color: #000000;
}

.readDetail {
	background:url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/sessionArrow.png") no-repeat scroll right -2px transparent; 
	cursor:pointer; 
	padding-right: 17px; 
	vertical-align: middle;
}

.readDetail:hover {
	text-decoration: underline;
}

.sessionDetails {
	list-style:none;
	padding-left:0px;
	margin:5px 0;
}

.description {
	margin-top: 1em;
	padding: 1em;
}

.row p {
	margin: 0;
	padding: 0;
}


/* =========================================================
	Speaker Details
   ========================================================= */

#speakerName {
	font-weight: normal;
	font-size: 3em;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#MainContent_HubbSpeakerDetail_jobTitle {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 2em 0;
	padding: 0;
}

#MainContent_HubbSpeakerDetail_speakerSessions {
	font-size: 12pt;
}


/* =========================================================
	Session Details
   ========================================================= */

#sessionTitle {
	font-size: 14pt;
	font-weight: normal;
	margin: 0 0 0.3em 0;
}

.sessionSpeakers {
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
}



#mainCont
{
	width:940px;
}
#connectWithUs,

.sessionDetails .sessionItemLabel {display: inline-block; padding-right: 5px; color: #999999;}



.readDetail.open {
	background-position:right -22px;
}

.twitter-share {
	float: right;
	margin-right: -73px;
}

.twitter-share iframe {
	vertical-align: middle;
}

/* ------------------- FORM --------------------- */

input,
select,
textarea   {outline:none; vertical-align:middle; font:10pt "Roboto Condensed","Lucida Sans Unicode",Helvetica,Arial,sans-serif}

input[type=checkbox],
input[type=radio]       {cursor:pointer}

input[type=radio]       {margin-top:-1px;}

label   {vertical-align:middle}

/* ------------------- SEARCH -------------------- */

.filterableList .searchBox {margin-top:0; float:right; padding-right:20px; /* was 255px;*/ margin-bottom:20px;}
.filterableList .searchBox input[type="text"] {background-color:#FFFFFF; border-radius:24px 24px 24px 24px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.3) inset; display:inline-block; outline:none; padding:5px 27px 5px 8px; vertical-align:middle; font-size:9pt; margin-right:-29px; width:180px; border:1px solid #cdcdcd;}
.filterableList .searchBox a{ background: url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/search.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; display: inline-block; height: 27px; line-height: 99999px; margin-right: -27px; outline: medium none; overflow: hidden; text-indent: -9999em; vertical-align: middle; width: 27px; margin-right: -22px;}

/* ------------------- FILTER -------------------- */

/* each filter */
.sideFilterList {
    background-color:#FFFFFF; 
    border:1px solid #CACACA; 
    font-size:8.5pt; 
    margin:0 0 4px 12px;
}

/* filter title */
.sideFilterList span {
	background-position: left top; 
	height:28px; 
	overflow:hidden; 
	display:block; 
	font-size:10pt; 
	line-height:28px; 
	padding:0 7px 0 38px; 
	color: #000000; 
	background:url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/filterDropDown.png") no-repeat scroll 0 0 #FFFFFF; 
	cursor:pointer;
}

#filters #Room
{
	/*display:none;*/
}
	  
#filters #Audience span{
	/*font-weight:bold;
	color:#5180A4;
	font-size:11pt;*/
}
#filters #Workload{
	margin-bottom:20px;
}
#filters #Workload span{
	font-weight:bold;
	color:#5180A4;
	font-size:11pt;
}

.sideFilterList.cj-hidden span {
    background-position:0 -28px;
}

.filterItemList  {
	display: block;
	border-top: 1px solid #CACACA;
	background: url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/filterListGradient.png") no-repeat scroll right 0 #FFFFFF;
	max-height: 34em;
	overflow-y: auto;
	overflow-x: hidden;
}

/* default status */
.sideFilterList.cj-hidden span             {background-position:0 -28px;}
/* default status */
.sideFilterList.cj-hidden .filterItemList  {display:none;} 

	.filterItemList table label     {cursor: pointer;}
	.filterItemList table td        {color: #666666; cursor:pointer; display: block; overflow:auto; padding: 3px 3px 3px 8px; position: relative; text-overflow: ellipsis; border:none;}
  /*  .filterItemList table tr:first-of-type  {margin-top: 10px; display:block;}
	.filterItemList table tr:last-of-type   {margin-bottom:10px; display:block;}*/
   /* .filterItemList tr {display:block; margin: 5px 0;}*/
	
	div.filterItemList table tbody td label {margin: 5px 0; clear:both; width: 115px; display: block; float: left; padding: 0 10px 0 0;}
	div.filterItemList table tbody td input {margin: 5px 0;}
/* ------------------- FILTER STATUS ------------- */

#filterBar { 
	background: url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/currentFiltersGradient.png") repeat-x scroll 0 bottom #CECECE; 
	border: none; 
	font-size: 9pt; 
	padding: 0 !important; 
	position: relative; 
	margin: 0 0 0;
}
	#filterBar div {padding:18px 108px 10px 82px; position:relative; white-space:normal;}
	/* filtered by...*/
	#filterBar h4   {font-size: 8pt; left: 20px; position: absolute; top: 10px;}
	/* clear all button */
	#filterBar a    {background: url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/clearFilters.png") no-repeat scroll right 1px transparent; border: medium none !important; height: 20px; line-height: 20px; padding-right: 26px; position: absolute; right: 17px; top: 20px; color: #000000; text-decoration:none;}
	#filterBar ul#activeFilters {padding: 0 0 0 10px; margin:0;}
		#filterBar ul#activeFilters li  {background-color:#FFFFFF; border-radius:13px 13px 13px 13px; display:inline-block; height:26px; line-height:26px; margin:0 5px 8px 0; padding:0 29px 0 8px; position:relative; white-space:normal; cursor:pointer; background-image:url("http://qc2015sessioniframe.azurewebsites.net/img/sessions/clearFilters.png"); background-position:right -28px; background-repeat:no-repeat; overflow:hidden;}
			#filterBar ul#activeFilters li:hover    {background-position: right 4px;}

			
/* ------------------- PAGING -------------------- */

.sessionList .paging {
	position:relative;
}
.paging     {float: right; padding-left: 10px;}
	.paging > span >span    {background-color: #888888; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3) inset; color: #FFFFFF; display: inline-block; font: bold 10pt/26px "Arial","Helvetica",sans-serif; height: 26px; margin-right: 5px; padding: 0 10px; vertical-align: middle;}
	.paging > span > a      { background: -moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent; border: 1px solid #DDD; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); color: #777777 !important; cursor: pointer; display: inline-block; font: bold 10pt/26px "Arial","Helvetica",sans-serif; height: 26px; margin-right: 5px; outline: medium none; overflow: hidden; padding: 0 10px; text-decoration: none !important; text-shadow: 1px 1px 1px #FFFFFF; vertical-align: middle;}

/* -- Added to improve viewing on mobile devices -- */
@media only screen and (max-device-width: 850px ) {
    .row {
        float:left;
    }
    .filterWrapper {
        float:left;
        margin-top: 20px;
    }
    #sessionsContent {
        float: left;
        min-width: 275px;
    }
    #List .searchBox {
        margin: 15px 5px 20px 20px;
        float:right;
    }
    #List {
        margin-right: 0;
        min-width: 250px;
    }
    .wrapSideBarTop .wrapSideBarBtm {
        padding-bottom: 10px;
    }
    #sessionWrapper {
        float: left;
        min-width: 275px;
        height: 62px;
    }
}

/* -- Mobile viewing for Session and Speaker Details -- */
@media only screen and (max-device-width: 650px ) {
    .profileContent {
        float: left;
        margin-left: 0px;
        margin-top: 20px;
    }
    .profilePageSidebar {
        width: 100%;
    }
    #MainContent_HubbSpeakerDetail_profilePhoto {
        float:left;
    }
    #MainContent_HubbSpeakerDetail_speakerSessions {
        float: left;
        margin-left:20px;
    }
}