/**
 * Stylesheet for www.livetext.com Contact Modals and related JavaScript.
 *
 * Copyright (c) 1997-2014 LiveText Incorporated. All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains the property of
 * LiveText Incorporated and its suppliers, if any.  The intellectual and
 * technical concepts contained herein are proprietary to LiveText Incorporated
 * and its suppliers and may be covered by U.S. and Foreign Patents, patents in
 * process, and are protected by trade secret or copyright law. Dissemination of
 * this information or reproduction of this material is strictly forbidden
 * unless prior written permission is obtained from LiveText Incorporated.
 */

/* ================================================================= */
/* CONTACT MODAL                                                     */
/* ----------------------------------------------------------------- */

/* Divs created by JS */
#conModalBackground {
	background: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	z-index: 5000;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
}

#conModalWrapper {
	background: #FFF;
	border-radius: 20px;
	height: 540px;
	width: 865px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	z-index: 5001;
	margin: -270px 0 0 -432px;
}

#conModal {
	float: left;
	min-height: 400px;
	padding: 40px;
}

#conModal h3 {
	color: #FF7800;
	font-size: 16px;
	margin: -10px 0 0 0;
	padding: 0;
}

#conClose {
	background: url(/site_assets_new/images/contact/close_x.png) no-repeat top left;
	display: block;
	height: 30px;
	position: absolute;
	right: -12px;
	text-indent: -9999em;
	top: -12px;
	width: 30px;
}

#conClose:hover {
	background-position: -30px 0;
}

/* ================================================================= */
/* LEFT COLUMN (FORM)                                                */
/* ----------------------------------------------------------------- */

#conLeft {
	float: left;
	width: 267px;
}

#roleSelect select {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 13px;
	width: 100%;
}

#conLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#conLeft li h4 {
	clear: both;
	font-size: 13px;
	margin-top: 0px;
}

#conLeft div {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}

#conLeft div.grey {
	border-radius: 5px;
	background: none repeat scroll 0 0 #EEE;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 20px;
	padding: 8px;
	width: 93%;
}

#conLeft span {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#conLeft span.left {
	width: 48%;
	margin-right: 0px;
}

#conLeft span.right {
	float: right;
	margin-right: 5px;
	width: 48%;
}

#conLeft span.full {
	float: left;
	margin-right: 0px;
	width: 98%;
}

#conLeft input {
	padding: .25em;
	width: 100%;
}

#conLeft select {
	padding: .25em;
	width: 100%;
}

#conLeft span.comSalSpan {
	width: 60px;
}

#conLeft span.comFirstnameSpan {
	width: 170px;
}

#conLeft span.comCountrySpan {
	margin-right: 0;
	width: 45%;
}

/* ================================================================= */
/* RIGHT COLUMN (FORM)                                               */
/* ----------------------------------------------------------------- */

#conRight {
	float: left;
	margin-left: 80px;
	width: 437px;
}

#helpSelect select {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 13px;
	width: 100%;
}

#conRight ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#conRight span {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#conRight span.left {
	width: 48%;
	margin-right: 0px;
}

#conRight span.right {
	float: right;
	margin-right: 5px;
	width: 48%;
}

#conRight span.full {
	float: left;
	margin-right: 0px;
	width: 100%;
}

#conRight input {
	padding: .25em 0 .25em .25em;
	width: 100%;
}

#conRight textarea {
	padding: .25em 0 .25em .25em;
	width: 98%;
}

#conRight select {
	padding: .25em;
	width: 100%;
}

#rightRequestDemo span.comInterestSpan dl {
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 49%;
}

#rightRequestDemo span.comInterestSpan dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}

#rightRequestDemo span.comInterestSpan dl dd {
	margin: 0;
	padding: 0;
}

#rightRequestDemo span.comInterestSpan dl input {
	width: auto;
}

#rightRequestDemo textarea {
	height: 50px;
}

.rightTechSupport span.comCategorySpan label {
	display: inline-block;
	width: 164px;
}

.rightTechSupport span.comCategorySpan select {
	width: 270px;
}

.rightTechSupport textarea {
	height: 210px;
}

#rightTechSupportAdmin span.comUsernameSpan input {
	width: auto;
}

#rightTechSupportFaculty span.comUsernameSpan input {
	width: auto;
}

#rightTechSupportStudent span.comUsernameSpan input {
	width: auto;
}

#rightTechSupportOther span.comUsernameSpan input {
	width: auto;
}

#rightSolutionsConsultant span.comNameSpan label {
	display: inline-block;
	width: 164px;
}

#rightSolutionsConsultant span.comNameSpan select {
	width: 270px;
}

#rightSolutionsConsultant textarea {
	height: 260px;
}

#rightImplementationCoordinator span.comNameSpan label {
	display: inline-block;
	width: 164px;
}

#rightImplementationCoordinator span.comNameSpan select {
	width: 270px;
}

#rightImplementationCoordinator textarea {
	height: 260px;
}

#rightTraining span.comDatesSpan label, #rightTraining span.comDaysSpan label {
	display: inline-block;
	width: 220px;
}

#rightTraining span.comDatesSpan input, #rightTraining span.comDaysSpan input {
	width: auto;
}

#rightTraining textarea {
	height: 210px;
}

#rightEvent span.comNameSpan label {
	display: inline-block;
	width: 100px;
}

#rightEvent span.comNameSpan input {
	width: 326px;
}

#rightEvent textarea {
	height: 230px;
}

#rightAccountingInquiry span.comDateSpan label {
	display: inline-block;
	width: 158px;
}

#rightAccountingInquiry span.comDateSpan input {
	width: auto;
}

#rightAccountingInquiry textarea {
	height: 250px;
}

#rightCommentQuestion textarea {
	height: 300px;
}

/* ================================================================= */
/* SUBMIT BUTTONS (MODAL)                                            */
/* ----------------------------------------------------------------- */

#conSubmit {
	bottom: 30px;
	position: absolute;
	left: 40px;
	width: 50%;
}

#conSubLeft {
	float: left;
	width: 300px;
}

#conSubRight {
	float: right;
}

#conSubSubmit {
    height: 40px;
    width: 120px;
    color: #FFF;
    font-size: 18px;
    font-family: "Lato",sans-serif;
    background-color: #F15523;
    text-align: center;
    padding: 20px 5px 0px;
    display: inline-block;
    clear: both;
    text-decoration: none;
}

#conSubSubmit:hover {
	background-position: 0 -61px;
}

#conSubSubmit:active {
	background-position: 0 -91px;
}

.empty {
	color: #999;
	font-style: italic;
}

.hidden {
	display: none;
}

.error {
	color: #C33 !important;
	font-size: 110%;
	font-weight: bold;
}

#conSuccess {
	font-size: 18px;
	padding-top: 80px;
	text-align: center;
}