/* Style Account */

/*color:#3eb4e7; - blue*/
/*color:#f68121; - orange*/

a {
    color:#3eb4e7;
    text-decoration:none;
}
a:hover {
    color:#f68121;
}

/* Account Container */
.container.account {
	border-top: solid 2px #3eb4e7;
	border-bottom: solid 1px #A6A6A6;
}
.container.account .welcome_strip {
	float: right;
	background-color: #3eb4e7;
	padding: 5px 10px;
	color: white;
}
.container.account .welcome_strip a {
	color: white;
	text-decoration: underline;
}
.accountContainer {
	margin-left: 0px;
	padding: 20px 25px;
	background-color: #efefef;
	border: solid 1px #dedede;
	border-radius: 3px;
}

/* Locker Table */
#StudentLockerTable td img {
    width:30px;
    height:30px;
    }
#StudentLockerTable tr td a.name-column {
    font-size:14px;
}
#GetTutorDiv {
	margin-top: 15px;
}
.FileUploadContainer {
	padding: 5px;
}
#modalAO {
    font-weight:600;
}
#modalAO a {
    color:#767676;
	text-decoration: underline;
}
#AttachmentDiv {
	text-decoration:none;
	font-size:12px;
	line-height:16px;
}

.navicons .first-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px 0px;}
.navicons .first-and-half-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -200px;}
.navicons .second-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -40px;}
.navicons .third-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -80px;}
.navicons .fourth-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -120px;}
.navicons .fifth-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -160px;}
.navicons .quiz-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -240px;}
.navicons .scheduledSessions-icon {background:url(../../images/account/accountnavigation_sprite.png) no-repeat 0px -280px;}

.navicons .first-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px 0px;}
.navicons .first-and-half-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -200px;}
.navicons .second-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -40px;}
.navicons .third-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -80px;}
.navicons .fourth-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -120px;}
.navicons .fifth-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -160px;}
.navicons .quiz-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -240px;}
.navicons .scheduledSessions-icon-disabled {background:url(../../images/account/accountnavigationgray_sprite.png) no-repeat 0px -280px;}

.navicons .otherproducts-icon {background:url(../../images/account/accountnavigation_otherproducts.png) no-repeat 0px 8px;}
.navicons .otherproducts-icon-disabled {background:url(../../images/account/accountnavigation_otherproducts-disabled.png) no-repeat 0px 8px;}

.sidebarNav li a {
	height: 35px;
	margin-right: 15px;
}

.navbar .nav>li:not(.nav-account-link)>a {
	padding-top: 0px;
	padding-bottom:5px;
	zoom:.85;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	background-color: #ffffff;
	box-shadow: none;
}

.sidebarNav li a:hover {
    background-color:#fff;
    opacity: 1;
}
.sidebarNav li:hover a p {
    color:#f68121;
}

.sidebarNav li a {
	padding-left:0;
}

.sidebarNav li p {
    margin:0px;
}
.sidebarNav li a p {
    color:#3eb4e7;
    font-weight:600;
    font-size:18px;
	margin-left:30px;
}
.sidebarNav li a[class$="-icon-disabled"] p {
	color: #CDCDCD;
}
.sidebarNav li a p.subhead {
    color:#6a6a6b;
    font-weight:600;
    font-size:12px;
	line-height:14px;
}
.sidebarNav li a[class$="-icon-disabled"] p.subhead {
	color: #CDCDCD;
}
.sidebarNav li {
    margin-bottom:10px;
	margin-right: 5px;
}
.sidebarNav li.active, .sidebarNav li.active a, .sidebarNav li.active a:hover {
    background-color:#FFF;
    color:#000;
}
.sidebarNav li.active a:focus {
    outline:none;
    background-color:#FFF;
}
.sidebarNav li.active a p {
    text-shadow:none;
	color: #000000;
}

.sidebarNav.secondaryNav li a p {
	font-size: 14px;
	font-weight: normal;
}

	.sidebarNav.secondaryNav li a p.subhead {
		font-size: 12px;
	}

.bottomInfo {
    margin-top: 20px;
}
.bottomInfo h3 {
    padding: 0px;
    font-size:20px;
}
.bottomInfo ul {
    list-style:none;
    padding:0px;
    margin:0px;
}
.bottomInfo ul li {
    text-decoration:underline;
    font-weight:600;
}
.bottomInfo ul li a:hover {
    color:#f68121;
}


/* Account Container */
.accountContainer .contentBox {
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #bdc3c7;
    background: #FFF;
    padding:10px;
    margin:10px 0px;
}
.accountContainer ul.navFavorite {
    list-style:none;
    padding:0px;
    margin:0px;
    height:20px;
}
.accountContainer ul.navFavorite li {
    float:left;
    font-size:13px;
    margin-right:10px;
}
.accountContainer ul.navFavorite li a:hover {
    color:#f68121;
}
.contentBox ul {
    list-style:none;
    padding:0px;
    margin:0px;
    font-weight:600;
}
.editblock {
	text-align:right;
}
.lead-margin {
    margin-right:5px;
}


.starfull {
    background:url(../../images/account/starfull.png);
    display:inline-block;
    width:0px;
    height:15px;
    margin-bottom:-3px;
}
.starempty {
    background:url(../../images/account/starempty.png);
    display:inline-block;
    width:75px;
    height:15px;
    margin-bottom:-3px;
}
.stars5 {
    width:75px;
}
.stars4 {
    width:60px;
}
.stars3 {
    width:45px;
}
.stars2 {
    width:30px;
}
.stars1 {
    width:15px;
}
.rating, .lastsession {
    font-size:13px;
}
.offline {
    color:#a7a8ac;
    font-size:13px;
    font-weight:normal;
    font-style:italic;
}
.online {
    color:#60bb06;
    font-size:13px;
    font-weight:normal;
    font-style:italic;
}
.nextavailable {
    color:#a7a8ac;
    margin-left:5px;
    font-size:13px;
    font-weight:normal;
    text-align:right;
}
.contentBox .btn, .editblock {
    margin-top:15px;
}
.text {
    font-weight:normal;
    font-size:13px;
    margin-left:5px;
}
.navFavorite2 {
    text-align:center;
    font-size:12px;
    line-height:12px;
    margin-top:5px;
}
.navFavorite2 ul li {
    float: left;
    margin-right:0px;
}
.monthly a {
    font-weight:600;
}
.navFavorite2 a, .navFavorite2 a, .monthly a {
    color:#3eb4e7;
}
.navFavorite2 a:hover, .navFavorite2 a:hover, .monthly a:hover {
    color:#f68121;
    text-decoration:none;
}
.heart {
    background:url(//https://lhh-static.tutor.com/images/account/heart.png);
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:5px;
}
.plus {
    background:url(//https://lhh-static.tutor.com/images/account/plus.png);
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:5px;
}
.table td {
    line-height: 30px;
}
.table thead, .thead {
    background:#EEE;
}
.table th {
    border: 0px solid #EEE;
}
.table td a {
    color:#3eb4e7;
    font-size:10px;
}
.table td a:hover {
    color:#f68121;
    text-decoration:none;
}
/* IFRAMES */
.modal {
    position:relative;
}
.modal .close {
    position:absolute;
    top:5px;
    right:5px;
}
.modal-body {
    padding:0px;
    margin:40px;
}
.modal-body h2 {
    color:#000;
}
#myModal {
    position:absolute;
}

#oneQuestionModal {
	position: fixed !important;
}

.smallText {
    font-size:11px;
	line-height:14px;
	padding: 5px 0px;
}
.calendar {
    max-width:242px;
}
.favorite_icon {
    margin-top:-5px;
    margin-right:0px;
}

.contentBox ul.ResourcesSharedList {
	list-style: disc;
	padding: 0px 20px;
}

.ResourcesSharedList {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 11px;
}

.ResourcesSharedList li a span {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* HACKS */
.accountContainer {
    *width:300px;
}
.row-fluid .span4 {
    *width:280px;
}
.row-fluid .offset4{
    *width:141px;
}
.contentBox .row-fluid .span4 {
    *width: 150px;
}
/* ^^^ HACKS ^^^ */

@media (max-width: 767px) { /* 768px */
    .nextavailable {
        text-align:left;
    }
	.editblock {
		text-align:left;
	}
    .navFavorite2 {
        text-align:left;
    }
    .accountContainer {
        padding:10px;
    }
}
@media (max-width: 568px) { /* 568px */
    .table td, .table th 
    {
        /*ED: this was casing issues for the locker table on mobile, commented it out, tested other places where we use tablesorter, don't see any problems with my change*/
        /*display: block;*/
    }    
    th {
        float:left;
    }
    .calendar th {
        float:none;
    }
}

#DoDFieldInstructions {
	position: absolute;
	margin-left: 460px;
	width: 375px;
	background: #FFAD39;
	padding: 10px;
	border: solid 1px #F38518;
	display:none;
	box-shadow: 1px 1px 1px #F38518;
}

#DoDFieldInstructions:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-right-color: #F38518;
	margin-left: -30px;
}

.footerLinks li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

.footerLinks li.bullet {	
	font-size: 7px;
}

.consumerLanguageSelector {
	float: right;
	width: 100px;
	font-size: 11px;
	padding: 0px;
	padding-left: 4px;
	height: 25px;
}

@media (max-width: 767px) {
	.consumerLanguageSelector {
		float: none;
	}

	.languageSelectorContainer {
		text-align: right;
	}
}

.closedCetners {
	margin-top: 30px;
}

.previousSessionDevider {
	display: none;
}

.previousSessionRow {
	 -moz-border-radius: 10px;
    border-radius: 3px;
    border-top: 1px solid #dedede;
    background: #FFF;
    padding:10px 0 0 10px;
    margin:10px 0px;
	display:inline-block;
	width: 100%
}

.mainbox-copy-header {
    color: #000000;
    font-size: 31.5px;
    line-height: 40px;
	font-weight: 600;
}

#presession_box .row {
	margin-left: 0px !important;
}

#presession_box .row div.row_number {
	display:none;
}

#presession_box .question_row {
	margin-top: 10px;
}

#presession_box .labelIam {
	margin-top: 20px;
}

#presession_box_body {
	padding: 10px;
}

#presession_box .async_qa_headline {
	margin-bottom: 15px;
}

#presession_box .async_qa_headline span {
	font-size: 16px;
}

#presession_box .row input[type=text].QuestionText
{
	width: 97.5%;
}

#toggleuploadlink {
	font-weight: 600;
}

.clearfix {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
}

.whiteboard_toggle_link {
    cursor: pointer;
    font-size: 12px;
}

.italic {
    font-style: italic;
}

.small {
    font-size: 10px;
}

#connectbuttondiv input.btn-block[type="submit"] {
    width: 190px !important;
}

.green, .green_stable {
    background: none repeat scroll 0 0 #008000;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px;
    line-height: 16px;
}

.green, .green_stable a {
    color: #FFFFFF;
	text-decoration: underline;
}

.green, .green_stable a:hover {
    color: #D3D3D3;
	text-decoration: underline;
}

.red, .red_stable {
    background: none repeat scroll 0 0 #FF0000;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    margin-bottom: 20px;
	margin-top: -20px;
    padding: 10px;
	line-height: 16px;
}

.red, .red_stable a {
    color: #FFFFFF;
	text-decoration: underline;
}

.red, .red_stable a:hover {
    color: #D3D3D3;
	text-decoration: underline;
}
.userSessionsContainer {
}

.asyncSessionSummary {
	display: inherit;
	margin-bottom: 10px;
}

.asyncSessionSummary ul {
	margin-top:5px;
	font-size:13px;
}

.asyncSessionSummary ul li	{
	float: left;
	margin-right: 10px;
	list-style: none outside none;
}

.asyncSessionSummary ul li.summaryFeedback	{
	background-image: url(../images/account/text-icon.png);
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-bottom: 1px;
}

.asyncSessionSummary ul li.reviewedDocument	{
	background-image: url(../images/account/word-icon.png);
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-bottom: 1px;
}

.asyncSessionSummary ul li a {
	line-height: 32px;
}

#locker h2 {
	font-size: 17.5px;
}

.locker_rounded {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #BDC3C7;
    border-radius: 10px 10px 10px 10px;
    margin: 10px 0;
    padding: 10px;
}

.footer_text{
	text-align: left;
	padding: 0 20px;
}

.connectAgainHTMLCobrand {
	margin-top:30px;
	margin-bottom:30px;
}

a.btnSaveChanges
{
	display: inline-block;
	width: 130px;
	height: 30px;
	background: url("../../images/buttons/btn-save-my-changes-all.gif") 0 0 no-repeat;
}
a:hover.btnSaveChanges
{
	background-position: 0 -30px;
}

.profile_main tbody tr td, .settings_main tbody tr td, .session_table tbody tr td {
    vertical-align: top;
}
.settings_buttons {
    margin-left: 0;
    width: 45%;
}
th, td, table {
    padding: 5px;
}

input[type="text"] {
	box-sizing: content-box !important;
}

.navbar .brand { 
	margin-left: 0px !important; 
}

.skillcenterservice_box {
	background: none !important;
	border: none !important;
}

.library_logo {
	width: 310px;
	height: 90px;
}

.service_closed_message {
    padding-left: 0px !important;
    padding-top: 30px;
}

.service_closed_image {
	float: none !important;
}

.serviceBlockedFraudulent {
	padding-left:0px !important;
	margin:0px !important;
}

.serviceBlocked {
	margin:0px !important;
	padding-left:0px !important;
}

.serviceUserSessionLimitReached {
	margin:0px !important;
	padding-left:0px !important;
}

.divTableCheckbox input[type="checkbox"]{
	margin-top: -4px;
}

.divTableCheckbox label {
	display: inline !important;
	font-weight: normal !important;
}

.divTableLabel {
	text-align: right;
	padding-top: 5px;
}

#login_box {
	padding: 15px;
	background-color: #fafafa;
	border: solid 1px #dedede;

}

.loginFormContainer {
	width: 250px;
	display: inline-block;
    text-align: center;
	margin-top: 15px;
}

.loginFormContainer .belowInput {
	text-align: left;
	padding-left: 2px;
}

.sendPasswordContainer {
	display: inline-block;
    text-align: center;
	margin-top: 10px;
    width: 320px;
}

.sendPasswordContainer .belowInput {
    margin-top: 10px;
}

.skillcenterservice_box {
    width: 100% !important;
    display: inline !important;
}

#ResourceDisplayArea {
    width: 100% !important;
}

.resourcesSelection {
	display: inline-block;
    text-align: center;
    width: 100%;
}

.resourcesSelection p {
    font-size:16px;
    line-height:24px;
    font-weight: 600;
    text-align: left;
    padding-right:5px;
}


.resourcesSelection select {
    width: 100%;
}

.ResourceSummary {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.SummaryBlock {
    margin-bottom: 0px !important;
}

.resourceSubTopicSummary {
    padding-left: 10px;
    padding-right: 10px;
}

#ResourceDisplayArea .ResourcesTable {
    width: auto !important;
}

#ResourceDisplayArea .ResourceItemTable
{
	padding-right:0px !important;
    margin-right: 0px !important;
}

.resourcesAddRemoveDetails a {
    text-decoration: underline !important;
}

.dodSchoolInstructions {
    text-align:left;
    padding: 10px 30px 15px;
}

.dodSchoolCreateAccount .divTableInput {
    text-align: left;
}

.studentLockerWrapper {
    margin: 10px !important;
}

#StudentLockerTable th {
    float: none;
}

.divTableRightColumn .divTableRightColumnInner {
    margin-bottom: 30px;
}

.divTableRightColumn .divTableRightColumnInner .btnSaveChangesContainer {
    text-align: center;
}

.settingsMainDiv .inputInfoDiv {
    margin-top: -10px;
    margin-bottom: 10px;
}

.settingsMainDiv .input_info {
    font-size: 0.8em;
    font-style: italic;
}

.BannerImage310x90 {
    width: 310px;
    height: 90px;
}

.dobValidator {
	float:right;
	margin-right: -10px;
    margin-top: 6px;
}

@media (max-width: 999px) { 
    .SummaryBlockContentTitle {
        width: auto !important;
        height: auto !important;
    }

    .SummaryBlockContentAuthor {
        width: auto !important;
        height: auto !important;
    }


    .SummaryBlockContentTitle.wide {
        width: auto !important;
    }

    .SummaryBlockContentWrapper {
        height: auto !important;
    }
}

@media (max-width: 768px) { /* 768px */
	.divTableLabel {
		text-align: left;
	}

	.divTableInput {
		text-align: left;
	}

    .belowInput {
        text-align: left;
    }

	.divTableEmptyLabel {
		display: none !important;
	}

    .resourceSubTopicSummary {
        padding-left: 0px;
        padding-right: 0px;
    }

    .SummaryBlockImage {
        width: 63px !important;
        height: 36px !important;
    }

    #ResourceDisplayArea .ui-widget {
        font-size: 12px !important;
    }

    #ResourceDisplayArea .ui-tabs .ui-tabs-nav li {
        padding: 5px 0 !important;
    }

    #ResourceDisplayArea .ui-tabs .ui-tabs-nav li a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .resourcesAddRemoveDetails {
        line-height: 12px;
    }

    .dodSchoolInstructions {
        padding-left: 0px;
        padding-right: 0px;
    }

	#presession_box .labelIam {
		margin-top: 0px;
	}
}

@media (max-width: 463px) { /* 463px */
    .search_button {
        margin-top: 0px !important;
    }

    .ResourceItemTable .resourceItemContentDetails .divTableColumnDetails {
        width: auto !important;
    }
}

@media (max-width: 337px) { /* 463px */
    #FavoriteTutorList {
        width: 100% !important;
    }

    .AFavoriteTutor {
        margin: 0px !important;
    }

    .favTutorsListWrapper {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #YourFavoriteTutorsAreEmpty {
        padding: 0px !important;
    }

    .previousSessionRow div {
        font-size: 1.05em !important;
    }

    .BannerImage310x90 {
        width: 280px;
        height: 80px;
    }
}