/*
	master_2006.css.
	New TSO master css file. 
	All styles can be overridden in a child css.
	Styles are tested for browser compability and works in IE 6.0 and Mozilla Firefox.
*/
/* BOOTSTRAP!! */
@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');

.input-normal { width:auto !important;display:inline-block; }

/* globals */
body           {  
	font-family: verdana,arial,helvetica,sans serif; 
	/*font-size: 10pt; */
	font-size: 15px;
	text-align:left;  
}
table td 	   {  margin:1px;  }
TABLE,TR,TD,div    {  
	font-family: verdana,arial,helvetica,sans serif; 
	/*font-size: 10pt; */
	font-size: 15px;
}
font,a             {  font-family: verdana,arial,helvetica,sans serif; }
LI,b               {  font-family: verdana,arial,helvetica,sans serif; }
center,p           {  font-family: verdana,arial,helvetica,sans serif; }
img { border:none;position: relative; }
hr { background: #CCCCCC; height: 1px;	margin: 10px 0 10px 0; border: 0; }

/*h1 { font-family: verdana,arial,helvetica,sans serif; font-size: 16pt; font-weight: bold; } 
h2 { font-family: verdana,arial,helvetica,sans serif; font-size: 14pt; font-weight: bold; }
h3 { font-family: verdana,arial,helvetica,sans serif; font-size: 12pt; font-weight: bold; }
h4 { font-family: verdana,arial,helvetica,sans serif; font-size: 10pt; font-weight: bold; }
h5 { font-family: verdana,arial,helvetica,sans serif; font-size: 10pt; font-style: italic; }
h6 { font-family: verdana,arial,helvetica,sans serif; font-size: 8pt; font-weight: bold; }*/
a:active, a:visited, a:link { text-decoration:underline; color:#222222; }
a:hover { text-decoration:none; color:#888888; }

ul { position:relative; text-align:left; } /* IE fix that makes bullet show correctly when using image.*/

/* --- ....and here comes some very helpful reusable classes --- */

/* for nesting tables */
.collapse { border:0;padding:0;margin:0;background:transparent; }

/*------ List and tables ----- */
.subLinksList { list-style:none; }
 .subLinksList li { display:inline; margin-right:3px; margin-right:3px; }
 .subLinksList li.selected { font-weight: bold; }
 
.subLinksListBlock {  }
 .subLinksListBlock li { margin-right:3px; }
 .subLinksListBlock li.selected { font-weight: bold; }
 
.articleList { list-style:none; }
 *>.articleList li { margin-top: 12px; }	
 .articleList span.date, span.author { font-style: italic; display:block;} 
 .articleList span.title { font-weight:bold; display:inline;}
 .articleList span.desc { margin-left: 15px; display:block; } 
 .articleList span.link a, span.link a:visited, span.link a:link { display:inline;} 
   
.listTable { border:1px solid black; border-collapse:collapse;} 
 .listTable th { border:1px solid black; background:#BBBBBB; font-weight:bold; } 	
 .listTable td { border:1px solid black; padding:4px; }
 .listTable a, .listTable a:visited, .listTable a:link { margin-left:5px; }
 
.inputTable { border:1px solid black; border-collapse:collapse;} 
 .inputTable th { border:1px solid black; background: #cccccc; text-align:right; padding:2px; font-weight: normal; font-size: 8pt;} 	
 .inputTable td { border:1px solid black; padding:2px; }
 .inputTable a, .inputTable a:visited, .inputTable a:link { margin-left:5px; }
   
.openHoursTable { border:1px solid black;  }
.openHoursTable th { text-align:right; }
.openSelected { background:#b4e3fc; font-weight:bold;}
.openHoursTable td { }
.openHeader { background:#CCCCCC; font-weight:bold; }

.courseProgressTable td { padding:3px; }

.pageNavigator { }
 .pageNavigator input { margin-left:5px; border:1px solid #888888; text-align:center; font-size: 7pt; width:20px; height:17px; }
 .pageNavigator a, .pageNavigator a:visited, .pageNavigator a:link { font-weight:bold; font-size:9pt; }
 
.incoursePageNavi { font-size:8pt; } 
 .incoursePageNavi a:link, .incoursePageNavi a:active, .incoursePageNavi a:visited  { text-decoration:none; }
 .incoursePageNavi .selected { font-weight:bolder; text-decoration:none; font-size:18pt; }
 .incoursePageNavi .seperator { font-weight:bold; font-size:12pt;  }

.mailForm { padding:10px; border: 1px solid #000000; background:#eeeeee; }  

.subCat { margin:-15px 0px 0 0; padding-left:20px; } /*These three classes are used for the display of the sitemap */
.catPages { margin-top: -6px; }
.catPages li { padding:0px 4px 4px 12px;} 

/* ----------------------------[ Login Specific Styles (The login page - not the front page!) ]---------------------------- */

#loginContainer { 
	/*width: 769px;  */
	height:400px; 
}
#loginBox { float:left; margin: 60px 10px 60px 90px; width:400px;  }
*>#loginBox { float:left; margin: 60px 10px 60px 200px; width:400px;  }
#loginText { margin-top: 10px; text-align: left; }
.loginField { width:125px; }
.loginLink { margin-left:150px; }

.loginTable { border: 1px solid black; border-collapse:collapse; }
.loginTable th { text-align:center; border: 1px solid black;}
.loginTable td { border: 1px solid black; padding:5px;}


/*-------- Titles ---------*/
.inCoursePageTitle { font-weight:bold; font-size:14pt; }
.externalPageTitle { font-weight:bold; font-size:14pt; }
.inCoursePageLogin { font-weight:bold; font-size:11pt; }

.titleBar { padding:2px 5px 2px 5px; color:#666666;border-bottom:1px solid #999999;background-color:#EFEFEF; font-weight:bold; }
.titleBar a { font-weight: normal; }


/*---- Labels ------*/
.fieldLabel { float:left;text-align:right;padding-right:5px;}


/* ------- Borders -------- */
.borderThin { border: 1px solid black; } 
.borderThick { border: 2px solid black; } 



/*------ input fields ---------*/
.dataField { border:1px solid #999999; padding:2px; } /*default for inputs. */

.fieldEntry { float:left; margin:0 3px 0 0;}

.field { float:none;clear:both;margin:0;padding:1px; }
  *>.field { padding:2px; }
  

/*------- Boxes -------- */

.box { padding:5px;margin:5px; }
.messageBox { padding: 5px; margin:15px; display:block; }
.composeMailBox { background: #eeeeee; border: 1px solid black; padding: 15px; width:550px;} 
 .composeMailBox textarea { border: 1px solid #CCCCCC; display: block; width:450px; height:250px; }
 .composeMailBox input { border: 1px solid #CCCCCC; }

/*---- Images -----*/
#logoutPageImage { background: url(/simages/splash/models/finger.gif) no-repeat; width:197px; height:360px; margin:20px 0 0 20px; }
/* #inCourseSupportPageImage{ background: url(/simages/splash/models/contact_girl.gif) no-repeat;  float:right; height:450px; width:150px;} */
#siteMapImage { visibility:hidden; } 


/* --- positioning --- */
.floatRight { float:right; }
.floatLeft { float:left; }

/* ---- display --- */
.block { display:block; }
.inline { display:inline; }
.hidden { visibility:hidden; }



/* --- headers --- */

h1.pageTitle { font-size:12pt; font-family: verdana,arial,helvetica,sans serif; }
h1.pageTitleInCourse { font-size:12pt; font-weight:bold;display:block; margin:5px 0 5px 0; }
h1.pageLogin { font-size:12pt; font-weight:bold;margin:5px 0 5px 0; }


/* ------ Buttons ----- */

/* Default button layout */
.button{ text-align:center; height:25px; padding:5px 5px 2px 5px;display:inline-block;text-align:center; }  
*>.button { height:20px; display:-moz-inline-box;display:inline-block; }
.button:link, .button:visited, .button:active, .button:hover { color:#ffffff; font-weight:bold; font-family: arial, verdana, helvetica,sans serif; font-size:8pt; text-transform:uppercase; text-decoration:none; }

.inputButton { margin: 5px; padding:2px 8px; font-weight:bold; border:1px solid #777777; font-size:.9em; } /*default button layout*/
.inputButton:hover { cursor:hand; cursor:pointer; }

.xsOkButton,.xsOkButton:link,.xsOkButton:visited,.xsOkButton:active,.xsOkButton:hover { background: url(/simages/deo2006/btn_greenbg_narrow.gif) center center no-repeat;width:61px; }
.sOkButton,.sOkButton:link,.sOkButton:visited,.sOkButton:active,.sOkButton:hover { background: url(/simages/deo2006/btn_greenbg.gif) center center no-repeat;width:95px; }
.lOkButton,.lOkButton:link,.lOkButton:visited,.lOkButton:active,.lOkButton:hover { background: url(/simages/deo2006/btn_greenbg_wide.gif) center center no-repeat;width:auto; }
*>.xsOkButton {width:52px;}
*>.sOkButton { width:85px; }
*>.lOkButton { width:110px; }

.xsCancelButton,.xsCancelButton:link,.xsCancelButton:visited,.xsCancelButton:active,.xsCancelButton:hover { background: url(/simages/deo2006/btn_yellowbg_narrow.gif) center center no-repeat;width:61px; }
.sCancelButton,.sCancelButton:link,.sCancelButton:visited,.sCancelButton:active,.sCancelButton:hover { background: url(/simages/deo2006/btn_yellowbg.gif) center center no-repeat;width:95px; }
.lCancelButton,.lCancelButton:link,.lCancelButton:visited,.lCancelButton:active,.lCancelButton:hover { background: url(/simages/deo2006/btn_yellowbg_wide.gif) center center no-repeat;width:120px; }
*>.xsCancelButton { width:52px; }
*>.sCancelButton { width:85px; }
*>.lCancelButton { width:110px; }

.xsAttButton,.xsAttButton:link,.xsAttButton:visited,.xsAttButton:active,.xsAttButton:hover { background: url(/simages/deo2006/btn_bluebg_narrow.gif) center center no-repeat;width:61px; }
.sAttButton,.sAttButton:link,.sAttButton:visited,.sAttButton:active,.sAttButton:hover { background: url(/simages/deo2006/btn_bluebg.gif) center center no-repeat;width:95px; }
.lAttButton,.lAttButton:link,.lAttButton:visited,.lAttButton:active,.lAttButton:hover { background: url(/simages/deo2006/btn_bluebg_wide.gif) center center no-repeat;width:120px; }
*>.xsAttButton { width:52px; }
*>.sAttButton { width:85px; }
*>.lAttButton { width:110px; }

.quizQuesButtonOff { background: url(/simages/buttons/questionball.gif) no-repeat; width:30px; height:30px; }
*>.quizQuesButtonOff { height:25px; width:20px; }
.quizQuesButtonOff:link, .quizQuesButtonOff:active, .quizQuesButtonOff:visited { color:#FFFFFF; font-weight:bolder; font-size:13pt; }
.quizQuesButtonOff:hover { text-decoration:none; background: url(/simages/buttons/questionball.gif) no-repeat; font-size:13pt; }

.quizQuesButtonOn { background: url(/simages/buttons/questionballOn.gif) no-repeat;text-align:center; height:30px; width:30px; }
*>.quizQuesButtonOn { height:25px; width:20px; }
.quizQuesButtonOn:link, .quizQuesButtonOn:active, .quizQuesButtonOn:visited { color:#FFFFFF; font-weight:bolder; font-size:13pt; }
.quizQuesButtonOn:hover { text-decoration:none; background: url(/simages/buttons/questionballOn.gif) no-repeat; }

 
/* --- Regular text in sizes xxs-xxl including bold and italic styles and links --- */

.xxsText { font-family: verdana,arial,helvetica,sans serif; font-size: 7pt; }
.xsText { font-family: verdana,arial,helvetica,sans serif; font-size: 8pt; }
.sText { font-family: verdana,arial,helvetica,sans serif;  font-size: 9pt; }
.mText { font-family: verdana,arial,helvetica,sans serif;  font-size: 10pt; }
.lText { font-family: verdana,arial,helvetica,sans serif;  font-size: 12pt; }
.xlText { font-family: verdana,arial,helvetica,sans serif; font-size: 14pt; }
.xxlText { font-family: verdana,arial,helvetica,sans serif; font-size: 16pt; }
.xxxlText { font-family: verdana,arial,helvetica,sans serif; font-size: 18pt; }


.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline, .underline:link, .underline:active, .underline:visited { text-decoration:none; }
.noDecoration, .noDecoration:link, .noDecoration:active, .noDecoration:visited { text-decoration:none; }

.disabled, .disabled:active, .disabled:visited, .disabled:link { color: #CCCCCC; }
.disabled:hover { text-decoration:none; color:#888888; }

.error, .error:active, .error:visited, .error:link { color: #FF0000; }
.errorText, .errorText:active, .errorText:visited, .errorText:link { color: #FF0000; }
.error:hover,.errorText:hover { text-decoration:none; color:#888888; }

.ok, .ok:active, .ok:visited, .ok:link { color: #009900; }
.ok:hover { text-decoration:none; color:#888888; }

.attention, .attention:active, .attention:visited, .attention:link { color: #066ccb; }
.attention:hover { text-decoration:none; color:#888888; }

.highlight { background: #ffff00; }

/* ------- text-alignment ------ */
.textLeft { text-align:left; }
.textRight { text-align:right; }
.textCenter { text-align:center; }


/* ------- interface components ------- */
.screen { position:absolute;left:0px;top:0px;width:100%;height:100%;background:#000000;opacity:.60;filter:alpha(opacity=60,type=1); }
.overlay { position:absolute;left:0px;top:0px;width:100%;height:100%;overflow:auto; }
.overlayContent { margin:50px auto;zoom:1;max-width:760px;border:2px solid black;background:white;padding:0;overflow:auto; }
.overlayContent .closeBox { position:absolute;right:0px;top:0;padding:5px 0 5px 5px;text-align:right;background:transparent; }
.overlayContent .box { border:1px solid black;color:black;background:#CCCCCC;margin:0 5px;padding:2px; }
.overlayContent #hdrtitle { text-align:left;display:block;position:relative;width:100%;background:#DDDDDD;font-size:12pt;font-weight:bold;margin:0px;padding:0px; }
#hdrtitle .interiors { margin:5px; }
.overlayContent #actualoverlaytext { margin:10px;font-size:10pt;clear:both;position:relative; }

/* --- eligibility button --- */
#eligButton { width:400px;color:white;background:#5280B9;border:1px solid black;padding:5px 10px;font-weight:bold;text-align:center;margin:15px auto 0 auto; }
#eligForm { width:360px;background:white;border:1px solid black;padding:5px 10px;margin:0 20px;margin-top:-1px; }
#eligLink { color:white;font-weight:bold;text-decoration:none; }
#eligLink:hover { color:#FFFFCC;font-weight:bold;text-decoration:none; }


table.shoppingCart {
	width:600px;
	margin:auto;
	font-size:80%;
}

table.shoppingCart td {
	padding:2px;margin:0;
}

table.shoppingCart th {
	font-size:130%;
	font-weight:bold;
	border-bottom:1px solid black;
}

table.shoppingCart .cartItem td {
	border-bottom:1px solid black;
}

table.shoppingCart .cartBreak td {
	font-size:1px !important;background:black;padding:0px !important;height:1px !important;
}
table.shoppingCart .cartTotal td {
	border-top:1px solid black;
}

                .lpPoweredBy { display:none; }
                .lpEmtStarRating { display:none; }