/* Created: 3/15 Robin Jones
   This is to replace the existing west_trn.css

.=class
#=div
:=pseudo-class and elements


NOTE as of 1/10 this CSS has been totally cleaned up - do NOT add styles that are 
'NOT used within the project. 
'Name styles descriptively so they can be searable
*/


/************************************************************/

/* Global styles classes to be reusable *******************/

* 
{
	font-size: 10pt;
	font-family: Arial;
	text-decoration: none;
	color: #666666; /* TR dark gray */
}


body
{
	font-size: 10pt;
	font-family: Arial;
	text-decoration: none;
	color: #666666; /* TR dark gray */
	margin: 0px;
	text-align:center;  /*centered container not text in IE/FF*/
}

#Container  /*to be used by all pages */
{
	width: 950px;
	margin: 10px auto;	
	text-align:left;  	
}

/* ================ Text and Colors ===============================*/

.small_text 
{
	font-size: 8pt;
	font-weight: normal;
}

.Bold 
{
	font-weight:bold;
}	

.LightBlue /* headings */
{
	color:#0085cf;  /* TR Light blue */
}

.LightBlueBold /* action link */
{
	color:#0085cf;  /* TR Light blue */
	font-weight: bold;
	cursor: pointer;
}

a.LightBlue /* for non href anchors - like 'rules' in starbuck promo */
{
	color: #003366;		/* TR light blue */	
}

a:link,  /* all links with href (pseudo-class)*/
a:visited
{
	color:#003366;  /* TR dark blue for links */
}

a:hover {
	text-decoration:underline;	
	cursor:pointer;
}
/* =========End of Text and Colors ==================================*/


/* OnePass link on login.asp */

.links 	a:link {
		font-size: 16px;
		color: #666666;
		text-decoration:underline;
		} 	
.links 	a:visited {	
		font-size: 16px;
		color: #666666;
		text-decoration:underline;
		} 	
.links 	a:hover {	
		font-size: 16px;
		color: #666666;
		text-decoration:none;
		}

/* these are only used starbucks promo area, admin tool manage users */
ul {
	margin-top:0px;
	margin-left:20px;
	margin-bottom:0px;
	list-style-type:disc;
}

ul li a:active, 
ul li a:link {
	color:#003366;  /* TR dark blue for links */
}
ul li a:hover {
	text-decoration:underline;
}

/*remove border on imgs */
img
{
	border-style: none; 
	text-decoration: none; 
}

/*remove dotted borders on img links */
/*a:active {outline: 0;}  */ /* for FFox */ 

/* ===================== CALENDAR STYLES ++++++++++++++++++++++++++++++++++++ */
.cal_day_head {
	height:30px;
	width:150px;
	font-weight:bold;
	text-align:center;
}
.cal_title_l {
	width:33%;
	font-weight:bold;
	text-align:right;
}
.cal_title {
	width:34%;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.cal_title_r {
	width:33%;
	font-weight:bold;
	text-align:left;
}
.cal_day {
	height:100px;
	width:100px;
	font-weight:bold;
	vertical-align:top;
	background-color:#CCCCCC;  /* TR light gray */
}
.cal_day_current {
	height:100px;
	width:100px;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	vertical-align:top;
}
.cal_day_current a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}

/* =============== Admin tool ===================*/
#management_form {
	border:0px;
	border-color:transparent;
	border-style:none;
	background-color:transparent;
/* ==============================================*/	
}

/* -------------  Webinars  -------------------- */
#newSubjectRequestForm {
	border:1px;
	border-color:#000000;  /* black */
	border-style:solid;
}

.newEntry { /*inputsession.asp when adding a new webinar and adding a session */
	background-color:#EAEAEA;  /* TR light gray */		
}

#startTable { /*webinars */
	border:thin:#999999:solid;  /* TR dark gray */
	padding: 5px 10px 5px 10px;
}

#startTable td {
	padding:2px 5px 2px 5px;
	vertical-align:top;
}

#myWebinars .webinarName { 
	width:50%;
	padding:5px 10px 5px 10px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#999999; /* TR Med gray */
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#999999; /* TR Med gray */
}

#myWebinars .sessionDetail {
	width:38%;
	height:99.9%;
	padding:0px 0px 0px 0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#999999; /* TR Med gray */
}


#webinarViewListTable .webinarName { 
	width:50%;
	min-width:250px;
	padding:5px 10px 5px 10px;
	border-top-style:solid;
	border-top-color:#999999; /* TR Med gray - line b4 each webinar */
}

.webinarInstructions {
	padding: 10px 25px 0px 15px;
	}
	
#err /* used in global funtions and org_builder */
{
    margin:0 40px 20px 25px;
}

#webinarRegHeader /*webinarEmailPromoRegn and reg.asp */
{
    background-image:url('../images/WeC_RegHeader_Webinars_blue.jpg');
	background-repeat:repeat-x;
	height:120px;
	margin-bottom:30px;
	margin-top:0px;
}
#bannerTarget 
{
    margin-bottom:30px;
}
div .webinarRegistrationInfo 
{
    margin:12px 2em 12px 2em;
    /*padding:0px 20px 20px 20px;
    background-color:#EDEDED;
    border:solid 2px #E7E7E7;*/
}
div .webinarRegistrationInfo .webinarDescription 
{
    /*description
    background-color:#F9F9F9;*/
    padding:10px;
    /*border:solid 1px #E7E7E7;*/
}
.EliteWebBtn1 
{
    padding:3px;
    font-weight:bold;
    color:#999;
    background-color:#F9F9F9;
    border:button-highlight 2px #E7E7E7;
}
.EliteClass 
{
    font-size:1em;
    font-weight:bold;
    margin:15px 0 15px 0px;
    color:#828282; /* TR Medium cool grey */
}
.defaultClass 
{
    font-size:1em;
    font-weight:bold;
    margin:15px 0 15px 0px;
    color:#0085cf; /* TR Light blue */
}
       
/*
div .webinarRegistrationInfo .webinarDescription ul 
{
    padding:0 0 12px 0;
}
*/
/* CSS for JQuery popup in webinarEmailpromo link */
#dialog p, #dialog ul li
{
    font-size:.8em;
}

/* gray bar under masthead and admin tools **************/
.HorizontalBar {
	height: 30px;
	padding: 1px;
	margin: 0px;
	background-color: #EAEAEA; 	/* TR light grey */
}

/* in admin tool - transcripts, my history tabs*/
.HorizontalTitle 
{
	background-color: #EAEAEA; 
	color: #000000; 
	height: 18px;
}

/* horizontal bar in catalog for lesson headers, tracks display, in transcript, recommendation report */
.MyCatalogHorizontalBar {
	height: 18px; 
	padding: 0px;
	background: #EAEAEA;	/* TRlight gray */
	font-weight:bold;
}


/* my_catalog_tab_content */
.mainTabContent 
{
    margin-left:-1px;
    border: solid 1px #a3a3a3;
}

.mainTabContent td  
{
    padding:2px 0px 2px 0px;
}  

/* left and right nav columns */
.NavigationColumn 
{
	padding: 5px 0px 30px 5px;
	width: 180px;
}

.StarbucksText  /* right column */
{
	width: 180px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 1px;
	background-color: #EAEAEA; /* TR Light gray - bkgrd of starbucks box*/	
	background-image: url('../images/graphics/StarbucksCup_image.jpg');
	background-repeat: no-repeat;
	background-position:top right;
	border: solid 1px #EAEAEA;  /*TR Med Gray */
}

.FeaturedLessons  /* 6/7/10 New - right column when not using Starbucks to reserve same column space*/
{
	width: 180px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 1px;
	background-color:Transparent;
	background-position:top right;
}

a.navLink 
{
	color:#003366;  /* TR dark blue links */
	display: block;
	width: 180px;
	padding: 1px 1px 1px 1px;
	margin-bottom: 1px;
}

/* this class is 'built' and 'active' is added onto navLink */
a.navLinkActive,
a.navLinkActive:link,
a.navLinkActive:active,
a.navLinkActive:hover
{
	display: block;
	width: 180px;
	padding: 1px 1px 1px 1px;
	margin-bottom: 1px;
}

h1 {
	padding-top:10px;
	font-weight:bold;
	font-size:14px; 
	color:#0085cf; /* TR Light blue */
}

.required { /*** possibly combine with .alert */
	color:Red;
	vertical-align:bottom;
	font-size:.8em;
	/*font-weight:bold;*/
}

.alert {
	color:Red;
	font-weight: bold;
	padding:10px;
	margin:5px;
}

/********** BEGIN PARALEGAL ALERT STYLES ***********/
.paralgl {
	background:#F9F9F9;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
}
.ParaLink {
	font-weight: bold;
	color: #0000FF; /* blue */
	text-decoration: underline;
}
/********** END PARALEGAL ALERT STYLES ***********/


/*Webinars  border line above the webinar names in attendance rpt & add_webinar */	
.borderTop 
{ 
	border-top-width: thin; 
	border-top-style: solid;
/*	font-weight:bold; */
}
	
/* all buttons follow this style */	
.webBtn1
/*.Button*/
{
    border-style:double;
    border-color: #339DD9;
    font-weight:bold;
	background-color:#0085cf;	/* TR light blue */
    color:#ffffff; /* white */
    padding:1px 1px 1px 1px;    
    text-align:center;
}

.webBtn1:hover 
{
	cursor:pointer;
    cursor:hand;  
}


/*Manage webinar link - initial page that don't look like buttons */
.buttons a, .buttons button
{  
	background-color:Transparent;
	border:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
    color:#0085cf;    
}

.buttons button img, .buttons a img
{ /* images before the text */
    margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover
{
	text-decoration:underline;	
}

/* Used in survey.asp *******************************/
.scaleResponse
{
    width:20%;
    text-align:center;
}

.ResponseOptions
{
	width:49%;
	padding:10px 0 0 0;
}

.ColumnHeader
{
    text-align:center;
    width:20%;
}
/* END of survey.asp *******************************/


#Footer 
{
	width:950px;
	padding-top:20px;
	padding-left:0px;
}

#FooterLeft
{
	width:150px;
	text-align:left; 
}

#FooterCenter
{
	width:650px;
	text-align:center; 
}

#FooterRight
{
	width:150px;
	text-align:left; 
}


.FloatRight {float: right; }
.FloatLeft{float: left; }
.FloatCenter{float: right; }

/* Login styles ******************************/
#Welcome
{
	width: 950px; 
	padding-top: 0px;
	height: auto;
	float:left;
	/*background-color:#bcbcbc;
	border: 1px solid #E5E5E5;
    /*height:245px;		*/
}
/*  ------------------------------------------
    NOTE: All bottom padding values for the columns (left, right, right2)
    MUST be the same, otherwise the bottoms of the top "boxes" on landing page
    won't line up
    ------------------------------------------ */

#LeftCol
{
	/*min-height:245px;*/
	width:595px;
	float:left;
	text-align:left;
	padding: 5px 23px 10px 10px; 	
	border: 1px solid #E5E5E5; 
}

#RightCol
{ 
	/*min-height:245px;*/
	width:298px;
	float:left; 
	/*text-align:left; */
	vertical-align:top;
	padding: 5px 0px 10px 10px; 
	background-image:url('../images/grey_bkgrd.jpg');
	border: 1px solid #E5E5E5; 
	margin-left:10px;
}

#RightCol2
{ 
	/*min-height:245px;*/
	width:298px;
	float:left; 
	text-align:left; 
	vertical-align:top;
	padding: 5px 0px 10px 10px; 
	background-image:url('../images/grey_bkgrd.jpg');
	border: 1px solid #E5E5E5; 
	margin-left:10px;
}

#AdsContainer
{
	clear:both;
	width: 950px; 
	padding-top: 10px;
}
#YouTubeContainer
{
    border: 1px solid #E5E5E5; 
}
/****** end of login styles **************************/