/* general */
body{font-size:14px;background:#001034 url('../images/body_bg.jpg') repeat-x center top;color:#000}
a{text-decoration:none;color:#fff}
a:hover{text-decoration:underline; cursor: pointer;}

fieldset{margin:0 20px;padding:10px 15px;border-color:#bbc}
legend{font-size:14px;padding:4px 10px;border:1px solid #99a;color:#555}
label{font-weight:normal;color:#555}
input,textarea,select{padding:3px;background:#fff url('../images/gradient_text.png') repeat-x top left;border:1px solid #999}
input:focus,textarea:focus,select:focus{border:1px solid #000}
input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}

input[type=submit],input[type=reset],input[type=button],input.button,button{background:#eee url('../images/gradient_button.png') repeat-x left top;border:1px solid #999;color:#000;font-weight:bold;padding:5px 15px}
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input.button:hover,button:hover{background-color:#000;background-position:left -60px;border:1px solid #000;color:#fff}
input[type=submit]:active,input[type=reset]:active,input[type=button]:active,input.button:active,button:active{background-position:left -110px;color:#000}
.button{padding:4px 6px;border:1px solid #7390b8;background-color:#afbecb;font-weight:normal !important;color:#000 !important}
.button:hover{text-decoration:none;background-color:#15426e;color:#fff !important}

table{width:99.6%;margin-top:1px;margin-left:1px;border:1px solid #7390b8}
caption{padding:4px}
th,td{padding:4px;border:1px solid #7390b8}
th,tfoot td{padding:11px 4px;color:#d8ebf6}
th{background:#496990 url('../images/table_header.png') repeat-x center center;cursor:pointer;font-size:14px; padding: 6px 4px; text-align: center;}
th span{float:left;font-weight:bold;margin-right:5px;margin-top:-2px}
tfoot{background:#28466e url('../images/table_header.png') repeat-x center center}
.alternate{background:#E3EAF0 url('../images/table_alternate.png') repeat-x center center}
tbody tr:hover, tbody tr.hovered{background:#FFF1CA url('../images/table_hovered.png') repeat-x center center}
tr.selected td,td.selected{font-weight:bold;padding:8px 4px;background:#FFD393 url('../images/table_selected.png') repeat-x center center}
tr.selected label,td.selected label{font-weight:bold}
.pagination{display:inline;list-style:none;margin:0 10px}
.pagination li{display:inline;margin-left:5px}
.pagination li a{cursor:pointer;border:1px solid #73a0c8;padding:3px 8px;background:#e2f0ff url('../images/table_header.png') repeat-x center top;color:#d8ebf6 !important}
.pagination li a.current{background:#ffd393 url('../images/table_selected.png') repeat-x center center;color:#000 !important}
.operations{width:190px;text-align:center}

.success,.error,.notice,.info{margin-bottom:5px;padding:6px 6px 6px 21px;background:#fff no-repeat 5px center;border:1px solid #eee}
.success{background-color:#e6efc2;background-image:url('../images/icons/icon_update12.png');border-color:#c6d880;color:#264409; display: block;}
.error{background-color:#fbe3e4;background-image:url('../images/icons/icon_cancel12.png');border-color:#fbc2c4;color:#8a1f11; display: block;}
.notice{background-color:#fff6bf;background-image:url('../images/icons/icon_notice12.png');border-color:#ffd324;color:#514721}
.info{background-color:#dfdfdf;background-image:url('../images/icons/icon_info12.png');border-color:#bbb;color:#333}

.icon_small{padding-left:20px;background-repeat:no-repeat;background-position:4px center}
.icon_view{background-image:url('../images/icons/icon_view12.png')}
.icon_edit{background-image:url('../images/icons/icon_edit12.png')}
.icon_delete{background-image:url('../images/icons/icon_delete12.png')}

.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}

.tooltip{position:absolute;z-index:3;display:none;line-height:18px;font-size:12px;font-weight:normal;padding:5px 7px;background:#E3EAF0 url('../images/table_alternate.png') repeat-x center center;color:#000;border:1px solid #7b7c7e;border-left-width:5px}
.icon_clue{background:url('../images/icons/icon_infoballoon16.png') no-repeat center center;width:20px;height:20px;display:inline;margin-left:5px;padding:5px 8px}

/* site specific */
#logo{padding-top:10px}
#logo h1{background:url('../images/logo.png') no-repeat 14px center;text-indent:-9999px;line-height:68px;margin-bottom:0}

#motto{width:395px;padding-top:60px;text-align:right;font-style:italic;height:24px;color:#F8C163;background:url('../images/motto.png') no-repeat center 16px;overflow:hidden}
#userarea{padding-top:18px;width:285px;height:68px;background:url('../images/userarea_bg.png') no-repeat right 10px;text-align:right;position:relative;}
#userarea span{font-size:11px;color:#dde;display:block;padding-left:30px;padding-right:10px}
#userarea span strong{color:#F8C163;}

#flashbanner{margin-top:10px;width:700px;height:120px;color:#ccd}

#userlogin{margin:10px 10px 10px 0;background:url('../images/userlogin_bg.png') no-repeat center center;width:230px;height:120px;float:right}
#userlogin .text{padding:2px;width:185px;margin:2px 0;background:url('../images/userlogin_bg.png') no-repeat center center;border:1px solid #001446;color:#ccd;text-align:center}
#userlogin form{padding:15px 20px 10px 0}
.form_submit{text-align:right;margin:5px 0}
.form_submit .button{float:left;margin-left:18px;margin-top:6px;cursor:pointer;background:url('../images/userlogin_bg.png') no-repeat center center;border:1px solid #001446;color:#ccd !important;font-weight:bold;padding:3px 10px}
.form_submit .button:active{background:url('../images/userlogin_bg.png') no-repeat center center}
.form_submit .button:hover{background-color:#000;background-position:left -60px;border:1px solid #000;color:#fff}
.form_submit a{font-size:11px;color:#CCCCDD;display:block;float:right;margin-top:6px;width:110px}
#userlogin .form_submit a{font-size: 10px;width: 120px;margin-top: 0px;}

.round{-moz-border-radius:8px;-webkit-border-radius:8px}
.tabs{padding:2px;width:595px;border:1px solid #aaa;background:#F8F8F8 url('../images/gradient_tabs_container.png') repeat-x left bottom}
.tabs .navigation{height:34px;background:#F6A828 url('../images/gradient_tabs.png') repeat-x 50% 50%;margin-bottom:5px}
.tabs .navigation li{margin:3px 0 0 10px}
.tabs .navigation li a{color:#555;display:block;font-size:13px;font-weight:bold;margin:0;padding:7px 15px 8px;text-decoration:none}
#adminTabs.tabs .navigation li a{padding-right:10px;padding-left:10px;}
.tabs .navigation li a:hover,.tabs .navigation li a.selected{color:##d70;background-color:#F8F8F8;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px}
.tabs .icon{padding-left:28px !important;background-repeat:no-repeat;background-position:5px 7px}
.tabs .create{background-image:url('../images/icons/icon_create.png');padding-left:24px !important;}
.tabs .research{background-image:url('../images/icons/icon_research.png');background-position:7px 7px}
.tabs .trade{background-image:url('../images/icons/icon_trade.png');padding-left:34px !important;}
.box{padding:10px;color:#000;background:#F8F8F8 url('../images/gradient_tabs_container.png') repeat-x left bottom;border:1px solid #aaa}
.tabContainer{height:237px;width:595px;overflow:hidden;text-align:justify;}
#quotes{padding-bottom:0;width:297px;overflow:hidden}
#quotes .user{height:160px}
#quotes .box{background:#FFF1CA url('../images/table_hovered.png') repeat-x center center}
#quotes .video{height:68px;margin-top:10px;background:#FFD393 url('../images/table_selected.png') repeat-x center center}
#quotes .video a{line-height:24px;padding:4px 0 4px 70px;color:#000;background:url('../images/icons/icon_video22.png') no-repeat 35px center}
.tabContainer h5,#quotes h5,.more h5{text-align:center;font-size:15px;line-height:22px}
#quotes .cycle{height:120px !important}
#quotes h5{background:url('../images/icons/icon_people22.png') no-repeat 50px center; margin-bottom:0px}
#quotes .nav a{float:right;padding:3px 24px 3px 2px;margin-top:4px;color:#000;text-decoration:underline;background:url('../images/icons/icon_next20.png') no-repeat right center}

.chart{height:350px;width:580px}
.chart table{border:1px solid #aaa;font-size:12px}
.chart th{padding:7px 4px;font-size:13px;font-weight:bold;text-align:center;border:1px solid #aaa}
.chart td{padding:4px 4px;border:1px solid #aaa}
.more{height:350px;width:274px}
.welcomeContent{width:auto;font-size: 12px;line-height: 120%;}
.more h5{line-height:30px}
.more p{font-size:12px}
.more strong{font-size:13px;display:block;margin-bottom:10px;padding-top:2px}

#menu{background:url('../images/menu_bg.png') no-repeat left top;height:49px}
#menu ul{line-height:49px;margin-bottom:0}
#menu li{margin:0 5px}
#menu a{font-size:15px;padding:0 20px 0 15px;color:#fff}
#menu a:hover{text-decoration:none;color:#bcf}
#menu ul.left{float:left}
#menu ul.right{float:right}
#menu ul.right a{color:#f7e48b}
#menu ul.right a:hover{color:#f7906c}

#menu li ul{background:#10263a;border:1px solid #274c76;border-top:none;position:absolute;margin:-1px 0 0 -20px;padding:0;float:none;display:none}
#menu li ul li{float:none;display:block;line-height:25px;margin:0;border-bottom:1px solid #00334f}
#menu li ul li.end{border-bottom:none}
#menu li ul li a{display:block;padding:5px 20px;font-size:14px}
#menu li ul li a:hover{background:#0072a4}

#main{margin-bottom:5px}
#content{background:url('../images/content_bg.png') repeat-y left top;min-height:200px;color:#000}
#content.nosidebar{background:#F1F3F4 url('../images/content_bg_home.png') repeat-y left top;padding-top:15px;padding-bottom:15px}

#pagemenu{width:174px}
#pagemenu ul{margin-top:10px;list-style:none}
#pagemenu li{margin:0 10px;border-bottom:1px solid #bbb}
#pagemenu a{display:block;color:#000;padding:3px 4px}
#pagemenu a:hover{text-decoration:none;background-color:#002940;color:#fff}
#pagemenu h4{color:#002440;font-size:18px;padding:6px 8px;margin:10px 15px 16px 15px}
#pagemenu h5{color:#002440;font-size:15px;padding:3px 8px 0px;margin:10px 4px}
#pagemenu p{padding:0 16px}

#page{color:#000;margin:10px 0;width:745px}
#page h4{background:#bbcff2;color:#002440;font-size:18px;padding:6px 8px;margin-bottom:16px}
#page h4 span{color:#004260;font-size:13px;padding-left:10px}
#page h5{padding-left:5px;font-size:14px;color:#002440;border-bottom:1px solid #8094a0;margin-bottom:10px;padding-bottom:2px}
#page p{text-align:justify;line-height:18px;padding-right:5px;text-indent:10px}
#page a{color:#015a72;font-weight:bold}
#page a:hover{color:#014}

#pagebottom{color:#fff;background:url('../images/pagebottom_bg.png') no-repeat left top;height:49px;overflow:hidden}
#pagebottom span{display:block;float:left;line-height:49px;font-size:13px;padding:0 20px}
#pagebottom ul{float:right;height:49px;line-height:49px;margin:0 20px 0 0}
#pagebottom li a{font-size:14px}

.footer{padding-bottom:10px;font-size:12px;color:#246274}
.footer a{color:#246274}

/**************************************************************************************************************************************************
***************************************************************************************************************************************************
															eQuality CSS Rules
***************************************************************************************************************************************************
**************************************************************************************************************************************************/

form table {
	border:0 none;
	width:auto;
	height: auto;
	white-space:nowrap;
}

form table th {
	border: 0 none;
}

form table td {
	border: 0 none;
	white-space: nowrap;
}

form table td .error {
	display:block;
	white-space:normal;
}

.shrinkwrapedTable {
	width: auto;
}

.overflowingTable {
	display: block;
	overflow: auto;
}

.green {
	color: #228822;
}

.red {
	color: red;	
}

.blue {
	color: #001144;	
}

.orange {
	color: orange;	
}

.italic {
	font-style:italic;
}

.bold {
	font-weight: bold;	
}

.underline {
	text-decoration: underline;	
}

.uppercase {
	text-transform: uppercase;	
}

.borderless {
	border: 0 none;
}

.borderless td {
	border: 0 none;
}

.totalSimCreditsAndCost {
	font-weight: bold;
	display: block;
	text-align: right;
	width: 55%;
	font-size: 16px;
}

.totalSimCreditsText {
	padding-right: 1em;
}

div.scrollbarTable {
	overflow: auto;
	display: block;
}

ul.innerList {
	margin-left: 20px;
}

.boxTextCentered {
	text-align: center;
}

.videoPanel {
	float: right;
	width: auto;
	height: auto;
}

.videoPanel ul {
	list-style-image: url("../images/videoIcon.gif");
	margin-bottom: 0px;	
}

.videoPanel fieldset {
	margin-bottom: 0px;
	background-color: #f1f4f5;	
}

.rightFloatingPanel {
	float:right; 
}

.rightFloatingPanel fieldset{
	background-color: #E5E5E5;
	border: 2px solid #7390B8
}

table.centered {
	width: 90%;
	margin: 0 auto 20px;
}

table.small-centered {
	width: 50%;
	margin: 0 auto 20px;
}

.checked {
	background: url('../images/check.png') center no-repeat;
}

.standardsTeacherNoLink {
	background: url('../images/standardsTeacher.gif') center no-repeat;
	background-color: #c9c9c9;
}

.standardsStudentNoLink {
	background: url('../images/standardsStudent.gif') center no-repeat;
	background-color: #c9c9c9;
}

.highlightedCell {
	background-color:orange;
}

.grayColumn {
	background-color: #c9c9c9;
}

/* faq page */
#faqPage .questions {
	border-bottom: 1px solid #015A72;
	color: #015A72;
	display: block;
	font-weight: bold;
}	
#faqPage .totop {
	border-bottom: 1px solid #015A72;
	border-left: 1px solid #015A72;
	border-right: 1px solid #015A72;
	float: right;
	font-family: Arial;
	font-size: 9px;
	line-height: 0.8em;
	margin-left: 5px;
	padding: 3px;
	text-align: right; 	
}

/* market overview page */
#companiesTable, #companyPricesTable{margin-left:-5px; width: 745px;}

.indentedParagrapf {
	padding-left: 30px;
}

.personMessageHeader {
	margin-left:10px;
	padding-left:17px;
	background: url('../images/icons/icon_select12.png') no-repeat 3px;
}
.personMessageContainer {
	border: solid 1px #AAAAAA;
	margin:20px 20px 0 20px;
}

.grayBoldCell {
	background-color:#e5e5e5;
	font-size: 15px;
	font-weight: bold;
}

.fadeOut {

}

.indentBox {
	padding-left: 11px;
}

.headerDropDownList {
	z-index:100;
}

.userAreaNotLogged {
	text-align: center;
	padding-top: 8px;
	position: absolute;
	right: 0;
	width: 62%; 
}

.userAreaNotLogged strong {
	font-size: 13px;
	display: block;
}

.tabFlashbanner {
	width:595px;
	height:237px;
	color:#ccd
}

.littleTextTable {
	font-size: 8px;
}

.littleTextTable th {
	font-size: 8px;
}

.littleTextTable select {
	font-size: 8px;
	width: 100px;
}

.littleTextTable .smallerText {
	font-size: 8px;
}

#jetlagLearning-contactInformation {
	float: left;
	width:50%;
}
#jetlagLearning-pressRelease {
	font-size: 11px;
}

#jetlagLearning-pressRelease fieldset {
	background-color: #f3d3a5;
}

.enlargedTextArea {
	width: 200px;
	height: 80px;	
}	

#adminContent {
	background-color:#f1f4f5;
	min-height:200px;
	color:#000;
}

#adminContent #page {
	margin:10px 10px 10px 20px !important;
	width:920px !important;
}

#adminTabs {
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	width:920px;
	border:none;
	background:none;
}

#adminTabs .navigation li {
	margin:3px 4px 0 5px;
}

#viewLocationStatisticsPanel {
	width:50%; 
	float:left;
}

#teachers {
	width:46%;
	float:left;
	padding-right:30px;
}

/* Vertical Menu */
#pagemenu ul.verticalnavmenu, #pagemenu ul.verticalnavmenu ul {
	list-style: none;
}
#pagemenu ul.verticalnavmenu {
	margin-bottom: 20px;
}
#pagemenu ul.verticalnavmenu ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9999;
	width: 154px;
	margin: 0px;
	padding: 0px;
}
#pagemenu ul.verticalnavmenu li {
	position: relative;
	margin: 0 10px;
}
#pagemenu ul.verticalnavmenu ul li {
	margin-left: 0px;
	position: relative;
	float: left;
	width: 100%;
}
#pagemenu ul.verticalnavmenu a {
	padding: 3px 4px;
	display: block;
	text-decoration: none;
	background-color: #dbdcdf;
	min-width: 50px;
}
#pagemenu ul.verticalnavmenu li:hover ul {
	display: block;
}
#pagemenu ul.verticalnavmenu a.subMenuItem {
	font-size: 83%; 
	padding-left: 10px;
}
/* Root item style */
#pagemenu ul.verticalnavmenu a.rootItem {
	color: #002440;
	font-size: 15px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
#pagemenu ul.verticalnavmenu li.rootItemContainer {
	border: none;
	padding-left: 0px;
}
/* End vertical menu*/

#main #page #tabs a.unreadMessagesIcon {
	background-image: url("../images/icons/icon_exclamation.png");
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
#page h4.hightlightHeader {
	background-color: #F29608;
}

/* Edit profile style */
#participantsTip .tooltip table, #participantsTip .tooltip table th, #participantsTip .tooltip table td {
	border: 1px solid #7390B8;
}
a#participantsTip {
	float: right; 
	width: 35%; 
	margin-top: 6px; 
}
.clear {
	clear: both;
}

/* Popup style */
div.jqmWindow p {
	color: #000000;
	margin-bottom: 15px;
}
div.jqmWindow a {
	color: #015A72;
	font-weight: bold;
	text-decoration: none;
}
div.jqmWindow a:hover {
	color: #001144; 
	text-decoration: underline;
}
div.jqmWindow p.jqmWindowLoading {
	margin: 10px; 
	font-weight: bold; 
	text-align: center;
}
div.jqmWindow .jqmWindowTitle {
	padding: 4px 4px 4px 12px;
	font-weight: bold;
	color: black;
	background-color: #e3e3e3;
	text-align: center;	
}
div.jqmWindow .jqmWindowContent {
	padding: 2px 12px 12px 12px;
}
div.jqmWindow .jqmWindowTitle .jqmWindowClose {
	position: absolute;
	top: 4px;
	right: 5px;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/icon_close.png");
	background-repeat: no-repeat;
}
div.jqmWindow .jqmWindowButons {
	text-align: center;
	padding-top: 15px;
}

a.closeWindowLink {
	position: absolute;
	display: block;
	top: 6px;
	right: 5px;
}

/* div column grouping */
div.cl50 {
	width: 49%;
	float: left;
}
div.cr50 {
	width: 49%;
	float: right;
}

/* edit company style */
div.editCompanyCategoriesContainer {
	float: left; 
	width: 49%;
}
div.editCompanyIndustriesContainer {
	float: right; 
	width: 49%;
}
div.editCompanyIndustriesContainer ul#selectedIndustries {
	font-weight: bold;
}
div.editCompanyIndustriesContainer ul#selectedIndustries li {
	margin-left: 10px;
	margin-bottom: 7px;
}
div.editCompanyCategoriesContainer ul, div.editCompanyIndustriesContainer ul {
	list-style: none;
}

table th div.dailyPriceVariationHeader {
	font-size: 9px;
	display: inline;
}

/* market research style */
h3.marketResearchCompanyName {
	font-size: 12px;
	margin-bottom: 0px;
}
table.marketResearchTable {
	font-size: 11px;
}
table.marketResearchTable td {
	padding: 2px;
	min-width: 90px;
	text-align: center;
}
#page table.marketResearchTable a.assignmentAnswersLink {
	color: blue;
	font-weight: normal;
}
#page table.marketResearchTable tr.header td {
	text-align: left;
}
#page table.marketResearchTable td.companyColumn {
	min-width: 69px;
	background-color: #DBDCDF;
	text-align: left;
}
#page table.marketResearchTable tr.header {
	background-color: #DBDCDF;
}
#page table.marketResearchTable tr.odd {
	background-color: #E2E4FF;
}
#page table.marketResearchTable tr.even {
	background-color: white;
}
.assignmentAnswersModalWindow {
	height: 380px; 
	overflow-y: auto; 
	padding: 2px 12px 12px;
}
.assignmentAnswersModalWindow .questionModalWindow {
	font-size: 14px; 
	font-weight: bold;
}
.assignmentAnswersModalWindow .sampleAnswerModalWindow {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
.assignmentAnswersModalWindow .assignmentAnswerModalWindow {
	margin-top: 10px;
}

/* feedback style */
table.feedbackTable {
	border: none;
	width: 400px;
	float: right;
	margin-bottom: 0px;
}
table.feedbackTable td {
	font-size: 11px;
	border: none;
	padding: 2px;
	font-style: italic;
}
table.feedbackTable td.timeColumn {
	width: 95px;
	font-size: 11px;
	font-style: normal;
	padding: 0px;
	padding-right: 10px;
}
.teacherAssignmentFeedbackForm {
	float: right; 
	padding: 0px 10px 10px;
}
#teacherAssignmentFeedback #content.feedbackContent {
	min-height: inherit;
	padding: 3px;
	background:#fff url('../images/gradient_text.png') repeat-x top left;
	border:1px solid #999;
}
#page p.teacherFeedbackTitle {
	text-align: right; 
	margin-bottom: 2px; 
	padding-right: 100px; 
	font-weight: bold;
}
.questionStyle {
	font-size: 100%;
}
.sampleAnswerStyle {
	font-size: 87%;
	font-style: italic;
	color: #333333;
}
.answerStyle {
	font-size: 100%;
	font-weight: bold;
}
#page .assignmentBox p {
	margin-bottom: 5px;
	text-indent: 5px;
}
#page .assignmentBox {
	margin-left: 20px;
}
#page .purposeBox p {
	margin-bottom: 0px;
	text-indent: 5px;
}

/* assignment feedback style */
.assignmentFeedbackContainer {
	padding-left: 10px;
	color: red;
	font-weight: bold;
}
.assignmentFeedbackTable {
	border: none;
	width: 400px;
	margin-bottom: 0px;
	color: red;
	font-weight: bold;
}
.assignmentFeedbackTable td {
	font-size: 11px;
	border: none;
	padding: 2px;
	font-style: italic;
}
.assignmentFeedbackTable td.assignmentTimeColumn {
	width: 97px;
	font-size: 11px;
	font-style: normal;
	padding: 0px;
	padding-right: 10px;
}
#menu a.freeSimCreditsLink {
	font-size: 12px;
	padding: 0px;
	color: orange;
	font-weight: bold;
}
#menu a.freeSimCreditsLink:hover {
	color: #BBCCFF;
}

.welcomeContent .title {
	text-align: center;
}
.welcomeContent .leftColumn {
	float: left; 
	width: 49%; 
	margin-bottom: 10px;
}
.welcomeContent .rightColumn {
	float: right; 
	width: 49%; 
	margin-bottom: 10px;
}
.radioButtonsContainer span {
	display: block;
}
.borderError {
	border-color: red;
}
