/*
*   This is pretty old css file which were being used in legacy UI design. Currently we are using this only for MySession list and Calender..
*/

html
{
    width: 100%;
}
body
{
    margin:0px;
    padding:0px;
    width:100%;
    height: 100%; 
    font-family:Arial;
    font-size:12px;
    min-height:700px;
    min-width:980px;
}

/*a, input, button, input[type="text"], textarea
{
    outline:none;
}*/

img 
{
	border:0px;
}

textarea
{
    resize:none;
    font-family:Arial;
}

input[type="submit"], input[type="button"], button
{
    padding:0px;
    margin:0px;
    cursor:pointer;
}

#bodyContent
{
    width: 100%;
}

sup
{
     font-size:6px; 
     vertical-align: top;
}

.alignVerticalCenter
{
     margin-top: 165px;
}


/* Overlays */
.ui-widget-overlay 
{ 
    position: fixed; /*use "fixed" to avoid horizontal scrollbar when dialog is shown. Otherwise default was "absolute"*/
    top: 0; 
    left: 0; 
    width: 100%;  

    background: #000000/*{bgColorOverlay}*/; 
    opacity: 0.3;
    filter:Alpha(Opacity=30)/*{opacityOverlay}*/; 
}

.ui-dialog-titlebar 
{
    display: none;
}

.ui-dialog 
{
    position: absolute; 
    padding: .2em; 
    width: 300px; 
    overflow: hidden; 
    outline: 0 none; 
}

div.ui-widget-overlay.ui-front{width: 100%; height: 100%; z-index: 100;}
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{z-index: 200;}


/***************************     Apply 4px rounded Corner      ******************************/

#okBox button, .sessionListViewDropDownBox li a, .okBox input[type="button"]
{
    cursor:pointer;	
    border-radius: 6px; 
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(../../Content/PIE/PIE.htc);
    position: relative;
}

/***************************    Ajax Response Waiting Cover    *****************************/
#AjaxResponseWaitingCover
{ 
    background-color: transparent;
    left: 0;
    top: 0;
    position: absolute;
    width:100%;
    height:100%;
    z-index: 9001;
}

#AjaxResponseWaitingCover img
{
	position: fixed;
	top:25%;
	left:50%;
    width:40px;
    height:40px;
}

div#MainOuterContainer, div#Header
{
    width:940px;
	min-width:940px;
    height:auto;
	padding:5px 20px 0px 20px;
	margin:0 auto;
	position:relative;
}

#Header
{
    height:60px;
    width:940px;
    margin-bottom:25px;
}

#Header a#Logo
{
    display:inline-block;
    margin:16px 0px;
}

#Header span.headerWelcomeText
{
    display:inline-block; 
    margin-top:18px;
    color:#242b35;
    font-size:36px;
    vertical-align:top;
    font-family:Nunito, Arial;    
}


#BacktoHomeButton
{
    display:inline-block;
    margin-top:20px;
    text-align:center;
    background-color:#888e91;
    border:1px solid #939ba0;
    padding:8px 22px;
    
    background: linear-gradient(#888e91, #50565b);
	background: -ms-linear-gradient(#888e91, #50565b);
	background: -moz-linear-gradient(#888e91, #50565b);
	background: -webkit-linear-gradient(#888e91, #50565b);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888e91), to(#50565b));    
	-pie-background: linear-gradient(#888e91, #50565b);
    border-radius:6px;
    -ms-border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
    
    font-size:16px;
    color:#FFF;
    font-weight:normal;
    font-family:Arial;
    
    cursor:pointer;
    text-shadow:1px 1px 0px #585e63;
    text-decoration:none;
    float:right;
}
#BacktoHomeButton:hover
{
	background-color:#50565b;
	background: linear-gradient(#50565b,#888e91);
	background: -ms-linear-gradient( #50565b,#888e91);
	background: -moz-linear-gradient(#50565b,#888e91);
	background: -webkit-linear-gradient(#50565b,#888e91);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#50565b), to(#888e91));    
	-pie-background: linear-gradient(#50565b,#888e91);
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
}
#BacktoHomeButton:active
{
	top:1px;
}


/** FormBox and formBox Header- Static Dialog box **/
.formBoxContainer
 {
     background-color:#CCCCCC;
     width: 449px;    
     border:1.5px Solid #565757;
     margin-top:10px;
}

/** formBox Heaeder **/
.formBoxHeader
{
    text-align:left;
    height: 46px;
    width: 100.5%;
}
.formBoxHeader h1
{
    margin:0px;
    padding-left:13px;
    line-height: 46px;
    background-color:#808080;
    color:#CCCCCC;
    font-size:21px;
    font-weight:normal;
    text-transform:uppercase;
    width:auto;
    left:-1.5px;
    right:-1.5px;
    top:-1.5px;
    border: 1.5px solid #565757;
    
}

/*******************************************************************************************************************************/
/*******************************************************    ListBox   **********************************************************/
.listBoxContainer
{
    border-radius:6px;
    -ms-border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    
    background: linear-gradient(#F2F5F6, #E1E6EB);
	background: -ms-linear-gradient(#F2F5F6, #E1E6EB);
	background: -moz-linear-gradient(#F2F5F6, #E1E6EB);
	background: -webkit-linear-gradient(#F2F5F6, #E1E6EB);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F5F6), to(#E1E6EB));    
	-pie-background: linear-gradient(#F2F5F6, #E1E6EB);
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
	
	border:1px solid #DEDEDE;
}
#sessionListing         /* for OP29 */
{
    /*background-color:#E7E8E8;*/
    width:940px; 
    margin:0px 0px 0px 0px;   
}
#quickJoin              /* for OP14 */
{
    width:445.5px;
    padding-bottom:3px;    
    /*height:199px;     ---------Overwrite for OBP phase1 */
    height:244px;
}
#userGuide  /* for OP23 */
{
    width:284px;
    margin:100px 200px 100px 200px;
    height:199px;
}
/***************************************************ListBox Header- Static Dialog box******************************/

/******** common class for time zone text in calander and session list headers **********/
.UTCTimeZone 
{
	display: block; 
	font-size: 13px !important;
}

.listBoxHeader
{    
    text-align:left;
    height: 76px;
    color:#171b1e;
}

.sessionType
{
    display:inline-block;
    font-size:23px;
    color:#171b1e;
    font-weight:normal;
    font-family:Nunito;
    
    padding:0px;
    margin-top:20px;
    padding-left:18px;
    line-height: 25px;
}

.listBoxHeader span.listRightMenu
{
    /*float:right;*/
    font-size:14px;
    line-height:34px;
    font-family:Arial;
    font-weight:normal;
    display:inline-block;
    margin:20px 18px 0px 0px;
    height:13px;
    vertical-align:top;
    position:absolute;
    right:0;
}

.listBoxHeader span.listRightMenu img
{
    margin-right:6px;
}

a#ListLink
{
    margin-right:30px;
    cursor:default;
}

.listBoxHeader span a.active
{  
    color:#7a8288;
}

.listBoxHeader span a.inactive
{
    color:#1caade;
}

.listBoxHeader span a.active,.listBoxHeader span a.inactive
{  
    font-size:14px;
    font-weight:normal;
    font-family:Arial;
    cursor:pointer;
    text-decoration:none;
}

.seprator       
{
    color:#333333 ;
    margin:0 5px;
}

.listBoxFooter
{    
    width:900px;
    height:50px;   
    text-decoration:none;
}

.listBoxFooter div#paging1
{
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#313b43;
    text-align:right;
    height:50px;
    float:right;
}

.sessionListpaging
{
    text-align:left;
    margin:10px 0px 10px 31px;
    display:inline;
}

.listBoxFooter ul li
{
    padding:0px;
    margin:0px 5px;
    cursor:pointer;
    display: inline-block;  /**IE7 override**/    
}

.listBoxFooter ul li:hover
{
    color:#000;    
}

.listBoxFooter ul
{
     list-style-type: none;
     padding:0px;
     margin:0px;
     display:inline;
     line-height:33px;
     /*margin-right:10px;*/
}

.listBoxFooter ul li.currentPageNumber
{
    /*color:#CC2229;*/
    background-color:#FFF;
    height:30px;
    line-height:31px;
    
    /*margin-top:2;
    margin-bottom:2;*/
    border:1px solid #c9ced1;
    box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -ms-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -moz-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -webkit-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
	
    border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
    padding:0 9px;
    *padding:0 7px;
    cursor:pointer;
    margin:2px -5px 2px -5px;
    *margin:2px 0px 2px 0px;
}

span.Text
{
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#313b43;
    margin-right:10px;
    vertical-align: middle;
}

#PrevPage, #NextPage
{
    vertical-align: middle;
}

#PrevPage
{
    margin-left:9px;
}

#NextPage
{
    margin-left:4px;    
}


/***************************************************    Session ListBox rows & columns   ******************************/
#sessionList
{
     min-height: 423px;
     margin: 0px 20px;
     width:900px;
     height: 423px;
}
#sessionList ul
{    
    list-style-type:none;
    text-align:left;
    padding:0px;
    margin: 0px;
    height:inherit;
}
#sessionList ul li
{
    padding-left: 0px;
    display: inline-block;
}
#sessionList ul li.OuterList
{   
    margin:0 0 5px 0;
    line-height:40px;
    width:898px;
    height:40px;
    vertical-align:top;
}
.OutputList ul li label, .OutputList ul li, .OutputList ul li span
{
    vertical-align:top;
}
.ResultantSessionList
{
    font-size:13px;
    font-family:Arial;
    font-weight:normal;
    color:#171b1e;
    border:1px solid #e4e8ea;
    background-color:#fff;
    border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	/*behavior:url("../../../../Content/PIE/PIE.htc");*/
	position:relative;
	height:40px;
}
.SessionListwithNoBackground
{
    font-size:13px;
    font-family:Arial;
    font-weight:normal;
    color:#171b1e;
	height:40px;
}
.DefaultCursor
{
    cursor:default;
}
.PointerCursor
{
    cursor:pointer;
}
#sessionList ul li ul li span
{
    /*color:#AAAAAA;*/
}
#sessionListHeader
{
    width:900px;
    background-color:#d4d9dc;
    border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
	height:36px;
	line-height:37px;
}
#sessionListHeader li, #sessionListHeader li label, #sessionListHeader li label
{
}
#sessionListHeader li label, #sessionListHeader li span
{
    cursor:default;
    font-size:16px;
    font-weight:bold;
    font-family:Arial;
    color:#171b1e;
}
.ActiveSession li label, .ActiveSession li span /*Active Session*/
{
    /*color:#5A5A5A;*/
    color:#FFF;
    cursor:pointer;
}
.ActiveSession /*Active Session*/
{
    background-color:#8cc249;
    color:#FFF;
    cursor:pointer; 
    
    border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;   
}
.SessionUnavailable li label, .SessionUnavailable li span  /*Active Session*/
{    color:#5A5A5A;
}
.FutureSession li label /*Future Session*/, .CancelledSession li label /*Cancelled Session*/, .CompletedSession li label /*Completed */, .ExpiredSession li label /*or Expired Session*/, .FutureSession li span /*Future Session*/, .CancelledSession li span /*Cancelled Session*/, .CompletedSession li span /*Completed */, .ExpiredSession li span /*or Expired Session*/
{
    /*color:#999999;*/
    cursor:pointer;
}
.sessionListInvisible
{
     visibility:hidden;
}
#sessionList ul li ul li label, #sessionList ul li ul li span
{
    display: inline-block;
    padding-left:5px;
    height:inherit;
}
#sessionList ul li ul li.sessionName label, #sessionList ul li ul li.sessionName span
{
    width:294px;      /* The original width is 393px. We have subtracted 2px for left and right border */
    height:inherit;                  
}
#sessionList ul li ul li.sessionId label, #sessionList ul li ul li.sessionId span
{
    width:150px;     /* The original width is 153px. We have subtracted 2px for left and right border */
    height:inherit;                 /* Overriden for IE */                     
}
#sessionList ul li ul li.sessionStartTime label, #sessionList ul li ul li.sessionStartTime span
{
    width:209px; /* The original width is 187.5px. We have subtracted 2px for left and right border */
    height:inherit;
}
#sessionList ul li ul li.sessionEndTime label, #sessionList ul li ul li.sessionEndTime span
{
    width:209px; /* The original width is 187.5px. We have subtracted 2px for left and right border */
    height:inherit;
}

.popupContactText               /* For the popup model form that open and close dyanimacally, all these content pass to jquery-ui.css class */
{
	font-family: Arial;
	font-size: 17px;
	color: #ffffff;
	z-index:2;
	padding-top: 15px;
}


/*************************************************************************************/
.okBox, .MessageBox
{   
    background-color:#ffffff;
    border: none;
	text-align: center;
	vertical-align:top;
	color: #242b35;
	text-align: center;
	outline:0 none;
}

.okBox .closeButton
{
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer; 
}

/********************** Message Box ******************************/
.MessageBox
{ 
    font-size: 13px;
    min-width: 350px;
    max-width: 350px; 
    vertical-align:middle;
    display:table-cell;
}

.MessageBox p
{  
    padding:0xp;
    margin-left: 30px;
    margin-right: 30px;
}

/************************  Ok Box *******************************/

.okBox
{
    min-width: 335px;
    max-width: 335px;    
}

.okBox p
{
    font-size:17px;
}

.okBox input[type="button"]
{
    width:85px;
    height:36px;
    background-color:#f2f2f2;
    font-size: 14px;
    color: #323c42;
    font-family: Arial;
	border:1px solid #c5c9cc;
    margin-top:10px;
    outline:0 none;
	background-color: #f2f2f2;
    background: linear-gradient(#f2f2f2, #e2e4e5);
	background: -ms-linear-gradient(#f2f2f2, #e2e4e5);
	background: -moz-linear-gradient(#f2f2f2, #e2e4e5);
	background: -webkit-linear-gradient(#f2f2f2, #e2e4e5);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#e2e4e5));   
	-pie-background: linear-gradient(#f2f2f2, #e2e4e5);
	behavior:url("PIE/PIE.htc");
    *behavior:none;
	position:relative;
}

.okBox input[type="button"]:hover
{
	background-color:#e2e4e5;
	background: linear-gradient(#e2e4e5, #f2f2f2);
	background: -ms-linear-gradient(#e2e4e5, #f2f2f2);
	background: -moz-linear-gradient(#e2e4e5, #f2f2f2);
	background: -webkit-linear-gradient(#e2e4e5, #f2f2f2);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2e4e5), to(#f2f2f2));   
	-pie-background: linear-gradient(#e2e4e5, #f2f2f2);
}

.okBox input[type="button"]:active 
{
    top:1px;
}
    
/*************************************  Session Listing Drop down View *******************************/
.sessionListViewDropDownBox
{
    position: absolute;
    z-index: 1000;
    height:245px;
    width:229px;
    border: 1px solid #5A5A5A;
    top:50px;
    left: 640px;
}
.sessionCalanderViewDropDownBox
{    
    top:125px;
    left: 640px;
}
.sessionListViewDropDownBox ul
{
    padding: 0px;
    margin: 0px;
    margin-top:24px;
}
.sessionListViewDropDownBox li
{
    list-style-type: none;
}
.sessionListViewDropDownBox li a
{
    
    margin:0px 10px 3px 10px;
    height:39px;
    width:207px;
    border: 1px solid #5A5A5A;
    line-height:39px;
    font-size:17px;    
    font-weight:normal;
    cursor:pointer;
}
.sessionListViewDropDownBox li a
{
    text-decoration:none;
    color:inherit;
    display:inline-block;
    height:39px;
    width:207px;
}
.sessionListViewDropDownBox li a.activeSession
{ 
    /*background-color:#3BB64A;*/
    background-color:#8cc249;
    color:#000000;
}
.sessionListViewDropDownBox li a.futureSession
{ 
    background-color:#59af6a;
    color:#ffffff;
}
.sessionListViewDropDownBox li a.cancelledSession
{ 
    background-color:#c8222b;
    color:#ffffff;
}
.sessionListViewDropDownBox li a.completedSession
{ 
    background-color:#b7bdc0;
    color:#000000;
}
.sessionListViewDropDownBox li a.allSession
{ 
    background-color:#000000;
    color:#ffffff;
}
/****************************************************************************************************************************************************/
/************************  Model Form   *****************/
/****************************************************************************************************************************************************/
#dialog label
{
    display: block;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;    
    color: #CC2229;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 14px;
}
#dialog span
{
	font-family: Arial;
	font-size: 15px;
	color: #CC2229;
}
#dialog input
{
	height: 40px;
	width: 309px;
	font-family: Arial;
	font-size: 15px;
	vertical-align: bottom;
	border: 1px solid #5A5A5A;	
	color: #5A5A5A; 
	background-color:#EDEDED;
}
#dialog input[name="password"]
{
	width: 309px; /* The original width in the ASSETS document is 292px but the wirframe shows it to be equal to teh text box widthwise */
	height: 56px;
	font-family: Arial;
	font-size: 15px;
	vertical-align: bottom;
	border: 1px solid #5A5A5A;
	color: #5A5A5A;
	background-color:#EDEDED;
}
#dialog input[type="submit"]
{
	width: 98.5px;
	height: 40px;	
	font-family: Arial;
	font-size: 17px;
	color: #ffffff;
	border: 1px solid #B90000;		
	margin-top: 10px;
	margin-bottom: 11px;
	background-color:#87000E;
}
.modelFormTitleText
{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 21px;
	font-family: Arial;		
}


.hidden, .hiddenDialog, .sessionListViewDropDownBox,.hiddenDialogCalendar
{
    display:none;    
}

.hiddenDialogCalendar
{
    padding: 20px;
    font-size: 13px;
    font-family:Arial;
    font-weight:normal;
    background-color: #FFF;
    width: 400px;
    z-index: 9002;
    text-align: center;
    color:#171b1e;
    box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
    
    
    border:1px solid #c9ced1;
    border-radius:8px 8px 8px 8px;
    -ms-border-radius:8px 8px 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
    -webkit-border-radius:8px 8px 8px 8px;
    box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -ms-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -moz-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
    -webkit-box-shadow: 1px, 2px, 5px, -3px, #7D7E80;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
}
.MessageBoxDiv img.PopUpCloseButton  
{
    padding:0px;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    line-height:15px;   
}
.MessageBoxDiv p
{
    margin-top:25px;
    font-family:Arial;
    font-size:13px;
    font-weight:normal;
    color:#171b1e;
}


/**********************************************************Next Text Colors******************************************************/
									/*Note: The first name is background color and next is font color*/
									
/* For Black BackGround Color*/
.newTextBlackWhite
{
    background-color: #AAAAAA;
}
.newTextBlackRed
{
    background-color: #FFFFFF;
}
.newTextBlackBlue
{
    background-color: #FFFFFF;
}
.newTextBlackGreen
{
    background-color: #FFFFFF;
}
.newTextBlackYellow
{
    background-color: #AAAAAA;
}
.newTextBlackGrey
{
    background-color: #FFFFFF;
}
.newTextBlackSilver
{
    background-color: #AAAAAA;
}
.newTextBlackBlack
{
    background-color: #FFFFFF;
}

/*For White BackGround Color*/

.newTextWhiteBlack
{
    background-color: #AAAAAA;
}
.newTextWhiteRed
{
    background-color: #AAAAAA;
}
.newTextWhiteBlue
{
    background-color: #B4B4B4;
}
.newTextWhiteGreen
{
    background-color: #B4B4B4;
}
.newTextWhiteYellow
{
    background-color: #AAAAAA;
}
.newTextWhiteGrey
{
    background-color: #CC2229;
}
.newTextWhiteSilver
{
    background-color: #AAAAAA;
}

.newTextWhiteWhite
{
    background-color: #000000;
}

/*For Red BackGround Color*/
.newTextRedWhite
{
    background-color: #AAAAAA;
}
.newTextRedBlack
{
    background-color: #B4B4B4;
}
.newTextRedBlue
{
    background-color: #FFFFFF;
}
.newTextRedGreen
{
    background-color: #B4B4B4;
}
.newTextRedYellow
{
    background-color: #AAAAAA;
}
.newTextRedGrey
{
    background-color: #FFFFFF;
}
.newTextRedSilver
{
    background-color: #AAAAAA;
}
.newTextRedRed
{
    background-color: #FFFFFF;
}

/*For Blue BackGround Color*/
.newTextBlueWhite
{
    background-color: #AAAAAA;
}
.newTextBlueRed
{
    background-color: #FFFFFF;
}
.newTextBlueBlack
{
    background-color: #FFFFFF;
}
.newTextBlueGreen
{
    background-color: #FFFFFF;
}
.newTextBlueYellow
{
    background-color: #AAAAAA;
}
.newTextBlueGrey
{
    background-color: #FFFFFF;
}
.newTextBlueSilver
{
    background-color: #AAAAAA;
}
.newTextBlueBlue
{
    background-color: #FFFFFF;
}

/*For Green BackGround Color*/
.newTextGreenWhite
{
    background-color: #AAAAAA;
}
.newTextGreenRed
{
    background-color: #B4B4B4;
}
.newTextGreenBlue
{
    background-color: #FFFFFF;
}
.newTextGreenBlack
{
    background-color: #FFFFFF;
}
.newTextGreenYellow
{
    background-color: #AAAAAA;
}
.newTextGreenGrey
{
    background-color: #FFFFFF;
}
.newTextGreenSilver
{
    background-color: #AAAAAA;
}
.newTextGreenGreen
{
    background-color: #FFFFFF;
}
/*For Yellow BackGround Color*/

.newTextYellowWhite
{
    background-color: #313493;
}
.newTextYellowRed
{
    background-color: #AAAAAA;
}
.newTextYellowBlue
{
    background-color: #AAAAAA;
}
.newTextYellowGreen
{
    background-color: #AAAAAA;
}
.newTextYellowBlack
{
    background-color: #AAAAAA;
}
.newTextYellowGrey
{
    background-color: #000000;
}
.newTextYellowSilver
{
    background-color: #000000;
}
.newTextYellowYellow
{
    background-color: #000000;
}

/*For Grey BackGround Color*/
.newTextGreyWhite
{
    background-color: #000000;
}
.newTextGreyRed
{
    background-color: #B4B4B4;
}
.newTextGreyBlue
{
    background-color: #FFFFFF;
}

.newTextGreyGreen
{
    background-color: #FFFFFF;
}

.newTextGreyYellow
{
    background-color: #B4B4B4;
}
.newTextGreyBlack
{
    background-color: #FFFFFF;
}
.newTextGreySilver
{
    background-color: #000000;
}
.newTextGreyGrey
{
    background-color: #FFFFFF;
}
/*For Silver BackGround Color*/
.newTextSilverWhite
{
    background-color: #000000;
}
.newTextSilverRed
{
    background-color: #AAAAAA;
}
.newTextSilverBlue
{
    background-color: #AAAAAA;
}
.newTextSilverGreen
{
    background-color: #AAAAAA;
}
.newTextSilverYellow
{
    background-color: #AAAAAA;
}
.newTextSilverGrey
{
    background-color: #000000;
}
.newTextSilverBlack
{
    background-color: #AAAAAA;
}
.newTextSilverSilver
{
    background-color: #000000;
}
/********************************************End Of Next Text Colors*************************************************************/

.liveSessionsList
{
    background-color: #CCCCCC;
    position: absolute;
    z-index: 1000;
    top: 108px;
    left: 8px;
    height: 228px;
    border: 1px solid #5A5A5A;
}

.liveSessionsHeader
{
    background-color: #808080;
    width: 426.5px;
    /*height: 26.5px;*/
    position: relative;
    text-align: left;
    border-bottom: 1px solid #5A5A5A;
    border-radius: 3.5px 3.5px 0px 0px;
    -moz-border-radius: 3.5px 3.5px 0px 0px; 
    -webkit-border-radius: 3.5px 3.5px 0px 0px; 
}
.liveSessionsHeader h1
{
    color: #CCCCCC;
    display: inline-block;
    margin: 2px 0px 2px 9px;
    font-size: 21px;
    text-align: left;
    font-weight: normal;
    cursor:default;
}
.liveSessionsReadyToBeJoined
{
    overflow-y: scroll;
    position: absolute;
    background-color: #CCCCCC;
    width: 426.5px;
    height: 178px;
    border-top: none;
    text-align: left;
    padding-top: 21px;
    scrollbar-arrow-color:#808080;
    scrollbar-track-color:#808080;
    border-bottom: 1 px solid #5A5A5A;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.noSessionAvailable
{
    margin:10px 0px 0px 15px;
    font-weight:bold;
    font-size:15px;
    color:#5A5A5A;
}
.liveSessionsReadyToBeJoined ul
{
     list-style-type: none; 
     padding: 0px; 
     margin: 0px;
}
.sessionDetail
{
    display: inline-block; 
    color: #5A5A5A;
    font-size: 10.5px;
    margin: 0px 0px 0px 21px;
    vertical-align: top;
}
.sessionJoinButton
{
    width: 61.5px; 
    height: 28.5px;
    border: 1px solid #B90000;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color:#87000E;
}
.sessionJoinButtonli
{
    padding: 0px; 
    float: right;
    margin: 11px 5px 0px 0px;
    position: relative;
}
.liveSessionsListSeperator
{
    background: url('../Content/Images/AiLive_01_44.png') repeat-x;
    height: 5px;
    width: 95.3%;
    margin: 8px 5px 8px 15px;
    padding: 0px;
}

input.styled  
{
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

.LabelLeftAlign
{
    float: left;
    margin-left: 20px;
    display: inline-block;
    color: #5F6672;
    font-size: 15px;
}

.LabelRightAlign
{
    float: right;
    margin-right: 130px;
    display: inline-block;
}

div#popUpDiv
{
    behavior:none;
}

/* styles added for List view in My Session footer session type links*/
.titleFooter
{
	text-align: left;
	float: left;	
    margin-top:10px; 
}
.calModeFooterLinks span, .calModeFooterLinks a
{
    text-decoration:none;	
	font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#313b43;
    vertical-align: middle;
}
.activeSessionColor, .futureSessionColor, .cancelledSessionColor, .completedSessionColor
{
    padding:0 7px;
    margin-right:5px;
	font-family:Arial;
	font-size: 13px;
	border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
	/*behavior:url("../../../../Content/PIE/PIE.htc");*/
    margin-left:5px;
    cursor:default;
    *display:inline-block;
}
	
.activeSessionColor
{
	background-color: #8cc249;
}
.futureSessionColor
{
	background-color: #59af6a;
}
.cancelledSessionColor
{
	background-color: #c8222b;
}
.completedSessionColor
{
	background-color: #b7bdc0;
}

.InactiveSessionType, .ActiveSessionType
{
    position: relative;
    padding: 3px 5px;
}

.InactiveSessionType
{
    border:1px solid transparent;
    vertical-align:middle;
}

.ActiveSessionType
{
    background-color:#FFF;
    vertical-align:middle;
    border:1px solid #c9ced1;
	behavior:url("../../../../Content/PIE/PIE.htc");
	position:relative;
}

.calModeFooterLinks
{
	padding-top: 7px 7px 6px 7px;
}
div.titleFooter, div#paging1
{
    display:inline-block;
}