/* Portal Login CSS - profiletwist.com/admin/setup/login.php - Copyright ProfileTwist.com */

/* TOOLBAR */

#toolbar .main .top img {
	float: left;
	margin: 0 0 0 10px;
}
#toolbar .main .top h3 {
	width: 180px;
	text-align: center;
	float: left;
	padding: 0 5px;
	font-size: 14px;
	color: #148c14;
}
#toolbar .main .top p.admin-name {
	float: left;
	width: 180px;
	text-align: center;
	padding: 0 5px;
}
#toolbar .main .top p.status {
	padding: 5px 0 0 30px;
	height: 19px;
	width: 130px;
	float: left;
	background: url(../images/icon/24x24/network.png) no-repeat;
	margin: 10px 0 0 20px;
}
#toolbar .main .top ul {
	float: left;
	width: 190px;
	margin: 5px 0 0;
}
#toolbar .main .top ul li {
	height: 24px;
	padding: 5px 5px 0 30px;
	margin: 0 0 0 20px;
	list-style: none;
}
#toolbar .main .top ul li.online-contact {
	background: url(../images/icon/24x24/yellow_mail_send.png) no-repeat;
}
#toolbar .main .top ul li.help-resources {
	background: url(../images/icon/24x24/folder_full.png) no-repeat;
}
#toolbar .main .top ul li.contact {
	background: url(../images/icon/24x24/support.png) no-repeat;
}
#toolbar .main .top ul li.request {
	background: url(../images/icon/24x24/tools.png) no-repeat;
}

#toolbar .main .con-tact {
	background: url(../images/icon/heading/comments.png) no-repeat 9px 5px #fff;
}
#toolbar .main div.contact {
	 width: 258px;
	 margin: 5px auto 0;
	 background: #fff;
	 border: 1px solid #dedede;
	 padding: 0 0 5px 0;
}
#toolbar .main .contact h4 {
	margin: 10px 0 0 10px;
	padding: 3px 0 0 30px;
	color: #148c14;
	font-weight: bold;
	font-size: 14px;
	height: 21px;
}
#toolbar .main .contact h4.email {
	background: url(../images/icon/24x24/yellow_mail.png) no-repeat;
}
#toolbar .main .contact h4.telephone {
	background: url(../images/icon/24x24/telephone.png) no-repeat;
}
#toolbar .main .contact h4.buisness {
	background: url(../images/icon/24x24/business_user.png) no-repeat;
}
#toolbar .main .contact ul li {
	list-style: none;
	margin: 5px 0 0 25px;
}
#toolbar .main .contact p {
	margin: 5px 5px 0 25px;
	line-height: 18px;
}
#toolbar .main .contact p.tel-number {
	margin: 5px 0 5px 45px;
}
#toolbar .main .contact p strong {
	font-weight: normal;
	color: #ff9600;
}
#toolbar .main .contact p.address {
	margin-top: 0;
}
#toolbar .main .res-ources{
	background: url(../images/icon/heading/folder_full.png) no-repeat 9px 5px #fff;
}
#toolbar .main .resources{
	 width: 258px;
	 margin: 5px auto 0;
	 background: #fff;
	 border: 1px solid #dedede;
	 padding: 0 0 10px;
}
#toolbar .main .resources ul:first-child {
	overflow: hidden;
}
#toolbar .main .resources ul:first-child li {
	float: right;
	margin: 5px 12px 0 0;
	font-size: 10px;
}
#toolbar .main .resources ul:first-child li:first-child {
	float: left;
	margin: 5px 0 0 12px;
}
#toolbar .main .resources h4 {
	margin: 10px 0 0 10px;
	padding: 3px 0 0 30px;
	color: #148c14;
	font-weight: bold;
	font-size: 14px;
	height: 21px;
}
#toolbar .main .resources h4.about {
	background: url(../images/icon/24x24/info.png) no-repeat;
}
#toolbar .main .resources h4.legal {
	background: url(../images/icon/24x24/chalk_board.png) no-repeat;
}
#toolbar .main .resources h4.networks {
	background: url(../images/icon/24x24/apple.png) no-repeat;
}
#toolbar .main .resources h4 + ul li {
	list-style: none;
	background: url(../images/icon/mis/bullet_orange.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 30px;
}
#toolbar .main .setup p {
	margin: 5px 0 0 20px;
	font-size: 14px;
}
#toolbar .main .setup h4 {
	padding: 2px 0 0 30px;
	height: 24px;
	margin: 10px 0 0 10px;
	font-weight: bold;
	font-size: 14px;
	color: #808080;
}
#toolbar .main .setup h4 {
	color: #148c14;
}
#toolbar .main .setup h4.info {
	background: url(../images/breadcrumbs/info.png) no-repeat;
}
#toolbar .main .setup h4.cal-endar {
	background: url(../images/breadcrumbs/calendar.png) no-repeat;
}
#toolbar .main .setup h4.records {
	background: url(../images/breadcrumbs/records.png) no-repeat;
}
#toolbar .main .setup ul li {
	list-style: none;
	background: url(../images/icon/mis/bullet_orange.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 30px;
}

#toolbar .main .faq- {
	background: url(../images/icon/heading/faq.png) no-repeat 9px 5px #fff;
}
#toolbar .main .faq {
	 width: 258px;
	 margin: 5px auto 0;
	 background: #fff;
	 border: 1px solid #dedede;
	 padding: 0 0 5px;
}
#toolbar .main .faq dl dt {
	margin: 10px 10px 0 10px;
	line-height: 16px;
	color: #148c14;
}
#toolbar .main .faq dl dt:first-child {
	margin-top: 5px;
}
#toolbar .main .faq dl dd {
	list-style: none;
	background: url(../images/icon/mis/bullet_orange.png) no-repeat 0 5px;
	padding: 0 5px 0 15px;
	margin: 5px 0 0 15px;
	line-height: 14px;
	font-size: 10px;
}

.heading a.edit {
	float: right;
	margin: 0 10px 0 0;
	width: 16px;
	height: 16px;
	display: block;
	background: url(../images/icon/16x16/edit_comp.png) no-repeat;
}
.heading a.edit:hover {
	background-image: url(../images/icon/16x16/edit_comp2.png);
}
.heading a.min-max {
	float: right;
	margin: 0 10px 0 0;
}
p.incomplete {
	padding: 5px 0 0 30px;
	height: 19px;
	background: url(../images/icon/heading/delete_folder.png) no-repeat;
	color: #ff550b;
	margin: 15px 0 0 150px;
}

#support {
	width: 580px;
	clear: both;
}
#support .notice {
	width: 520px;
	margin: 25px auto 0;
	border: 1px solid #ffcc33;
	background: #ffffcc;
	overflow: hidden;
	padding: 0 0 5px;
	font: 12px;
}
#support .notice.error {
	border: 1px solid #f59b83;
	background: #ffebe8;
}
#support .notice img {
	float: left;
	margin: 5px 0 0 10px;
}
#support .notice p {
	float: left;
	margin: 6px 0 0 10px;
	width: 460px;
	line-height: 16px;
}
#support .notice.error p {
	margin: 12px 0 0 10px;
}

#support .heading {
	border: 1px dashed #c0c0c0;
	margin: 15px 0 0;
	overflow: auto;
	padding: 8px 0 8px 50px;
}
#support .heading.top {
	margin-top: 25px;
}
#support .heading h2 {
	float: left;
	font-size: 16px;
	font-weight: bold;
}
#support .heading h2 a {
	color: #148c14;
}
#support .heading h2 a:hover {
	color: #69cf69;
}
#support .heading a.min-max {
	float: right;
	margin: 0 10px 0 0;
}
#support .heading.con-tact {
	background: url(../images/icon/heading/mail_send.png) no-repeat 9px 5px;
}
#support .heading.uns-ubscribe {
	background: url(../images/icon/heading/delete_page.png) no-repeat 9px 5px;
}
#support .heading.res-ubscribe {
	background: url(../images/icon/heading/accept.png) no-repeat 9px 5px;
}
#support .heading.rep-ort {
	background: url(../images/icon/heading/computer.png) no-repeat 9px 5px;
}
#support .heading.cor-rection {
	background: url(../images/icon/heading/edit.png) no-repeat 9px 5px;
}
#support .heading.inf-o {
	background: url(../images/icon/heading/info.png) no-repeat 9px 5px;
}
#support .heading.pay-ment {
	background: url(../images/icon/heading/yellow_mail_send.png) no-repeat 9px 5px;
}
#support .heading.cre-dential {
	background: url(../images/icon/heading/security.png) no-repeat 9px 5px;
}
#support .heading.sea-rch {
	background: url(../images/icon/heading/search.png) no-repeat 9px 5px;
	margin: 25px 0 0;
}
#support .heading.jum-pto {
	background: url(../images/icon/heading/orange_arrow_up.png) no-repeat 9px 5px;
}
#support .heading.mes-sage {
	background: url(../images/icon/heading/yellow_mail_send.png) no-repeat 9px 5px;
}
#support .heading.ove-rview {
	background: url(../images/icon/heading/book_accept.png) no-repeat 9px 5px;
}

#support .heading.que-stion2 {
	background: url(../images/icon/heading/comments.png) no-repeat 9px 5px;
}
#support .heading.que-stion3 {
	background: url(../images/icon/heading/calendar.png) no-repeat 9px 5px;
}
#support .heading.que-stion4 {
	background: url(../images/icon/heading/megaphone.png) no-repeat 9px 5px;
}
#support .heading.que-stion5 {
	background: url(../images/icon/heading/toolbox.png) no-repeat 9px 5px;
}
#support .heading.que-stion6 {
	background: url(../images/icon/heading/promotion.png) no-repeat 9px 5px;
}

#support .box {
	width: 560px;
	background: #f6f6f6;
	border: 1px solid #dedede;
	margin: 5px auto 0;
	padding: 0 0 10px;
	overflow: hidden;
}

#support .box > h3 {
	font-weight: bold;
	color: #ff9600;
	font-size: 14px;
	margin: 10px 0 0 20px;
}
#support .box > p {
	line-height: 20px;
	text-indent: 20px;
	margin: 5px 20px 0 20px;
}
#support .box > .photo {
	border: 3px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
	margin: 10px 20px 0 20px;
}
#support .box > .photo img {
	display: block;
	border: none;
}

#support .box p.explanation {
	margin: 5px 20px 0 25px;
	padding: 0 0 0 30px;
	background: url(../images/icon/24x24/note2.png) no-repeat 0 5px;
	font-size: 10px;
	line-height: 16px;
}
#support .box .group {
	border: 1px solid #dedede;
	background: #fff;
	width: 520px;
	margin: 10px auto 0;
	padding: 0 0 10px 0;
	position: relative;
}
#support .box .group.error {
	border: 1px solid #ff550b;
}
#support .box .group.valid {
	border: 1px solid #38c129;
}
#support .box .group img {
	position: absolute;
	left: -15px;
	top: -10px;
	z-index: 1;
}
#support .box .group input[type=checkbox].mark {
	float: left;
	clear: both;
	margin: 20px 0 0 50px;
}
#support .box .group label {
	float: left;
	clear: both;
	margin: 18px 0 0 50px;
	width: 130px;
}
#support .box .group input[type=checkbox].mark + label {
	width: 100px;
	clear: none;
	margin: 18px 0 0 15px;
}
#support .box .group input {
	float: left;
	margin: 18px 0 0 10px;
}
#support .box .group input[type=text] {
	width: 260px;
	margin: 15px 0 0 10px;
}
#support .box .group select {
	float: left;
	width: 120px;
	margin: 15px 0 0 10px;
}
#support .box .group select optgroup {
	font-style: normal;
	font-weight: bold;
	padding: 2px 0 0 5px;
}
#support .box .group select.grade-dep option {
	padding: 0 0 0 10px;
}
#support .box .group select.search-type, #support .box .group select.long {
	width: 180px;
}
#support .box .group  input.zipcode, #support .box .group input.homeroom {
	width: 112px;
}
#support .box .group select.school {
	width: 300px;
}
#support .box .group textarea {
	width: 460px;
	margin: 15px 0 0 25px;
	height: 100px;
}
#support .box .group p.des {
	float: none;
	clear: both;
	margin: 0 0 0 10px;
	padding: 10px 50px 0 60px;
	font-size: 10px;
	display: inline-block;
	min-width: 200px;
}
#support .box .group p.des.error{
	color: #ff550b;
}
#support .box .group p.des.valid {
	color: #38c129;
}
#support .box dl {
	overflow: hidden;
}
#support .box dl dt {
	clear: both;
	float: left;
	height: 16px;
	margin: 15px 0 0 50px;
	width: 130px;
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #c064fe;
}
#support .box dl dd {
	height: 16px;
	margin: 15px 0 0 0;
}
#support .box p.label {
	float: left;
	margin: 15px 0 0 50px;
	width: 130px;
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #c064fe;
}
#support .box p.address {
	float: left;
	margin: 12px 0 0 0;
	line-height: 18px;
}
#support .box p.address strong {
	color: #ff9600;
	font-weight: normal;
}
#support input[type=submit].send-message {
	margin: 15px 0 0 234px;
	width: 111px;
}
#support input[type=submit].request-correction {
	margin: 15px 0 0 219px;
	width: 135px;

}
#support input[type=submit].request-setup {
	margin: 15px 0 0 234px;
	width: 111px;
}
#support input[type=submit].retrieve-login {
	margin: 15px 0 0 228px;
	width: 105px;
}
#support input[type=submit].reset-password {
	margin: 15px 0 0 231px;
	width: 119px;
}
#support input[type=submit].basic-search {
	margin: 15px 0 0 239px;
	width: 102px;
}
#support input[type=submit].report-comment {
	margin: 15px 0 0 229px;
	width: 122px;
}
#support input[type=submit].unsubscribe, #support input[type=submit].resubscribe {
	margin: 15px 0 0 242px;
	width: 96px;
}

#support > h2, #full > h2 {
	margin: 25px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #ff9600;
}
#support > h3, #full > h3 {
	margin: 15px 0 0 0;
	padding: 0 0 0 35px;
	font-size: 12px;
	font-weight: bold;
	color: #205bc0;
}

#support > h2 ~ p, #full > h2 ~ p {
	margin: 15px 15px 0 15px;
	line-height: 20px;
	text-indent: 20px;
}
#support > h3 ~ p, #full > h3 ~ p {
	margin: 15px 15px 0 50px;
	line-height: 20px;
	text-indent: 55px;
}

#support > h2 ~ ul, #full > h2 ~ ul {
	margin: 10px 0 0 50px;
}
#support > h2 ~ ul li, #full > h2 ~ ul li {
	margin: 5px 0 0 50px;
	line-height: 18px;
}
#support > h3 ~ ul, #full > h3 ~ ul {
	margin: 10px 0 0 120px;
}
#support > h3 ~ ul li, #full > h3 ~ ul li {
	margin: 10px 0 0 0;
	line-height: 18px;
}
#support span.end_note, #full span.end_note {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../layout/end_icon.png) no-repeat;
}
#support span.end_note a, #full span.end_note a {
	display: none;
}

/* Page Specific Elements */

#support > .search, #support .top-interact .search {
	overflow: hidden;
	background: url(../images/icon/36x36/search.png) no-repeat 100px 0;
	padding: 8px 0 0 150px;
	height: 28px;
	margin: 15px 0 0 0;
}
#support > .search input[type=text], #support .top-interact .search input[type=text] {
	width: 200px;
	float: left;
	margin: 1px 0 0 0;
}
#support > .search input[type=submit], #support .top-interact .search input[type=submit] {
	float: left;
	margin: 0 0 0 10px;
	width: 65px;
}
#support ul.interact {
	overflow: hidden;
	margin: 10px 0 0 0;
}
#support ul.interact li {
	margin: 10px 20px 0 0;
	display: block;
	float: right;
	min-width: 40px;
	padding: 41px 0 0 0;
	text-align: center;
}
#support ul.interact li.print {
	background: url(../images/icon/36x36/printer.png) no-repeat 2px 0;
}
#support ul.interact li.download {
	background: url(../images/icon/36x36/download.png) no-repeat 12px 0;
	width: 60px;
}
#support .top-interact {
	overflow: hidden;
}
#support .top-interact .search {
	float: left;
	padding: 8px 0 0 50px;
	background-position: 0 0;
	margin: 30px 0 0 25px;
}
#support .top-interact ul.interact {
	float: right;
}

#support .help-resources {
	overflow: hidden;
}
#support .help-resources h2 {
	margin: 25px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #ff9600;
	padding: 3px 0 0 35px;
	height: 21px;
	background: url(../images/icon/heading/folder_full.png) no-repeat;
}
#support .help-resources .left {
	float: left;
	width: 290px;
}
#support .help-resources .right {
	float: right;
	width: 290px;
}
#support .help-resources h3 {
	margin: 15px 0 0 20px;
	padding: 4px 0 0 30px;
	height: 20px;
	font-weight: bold;
	font-size: 14px;
}
#support .help-resources h3 a {
	color: #148c14;
}
#support .help-resources h3 a:hover {
	color: #69cf69;
}
#support .help-resources h3.profile {
	background: url(../images/icon/heading/id_card.png) no-repeat;
}
#support .help-resources h3.extra-curricular {
	background: url(../images/icon/heading/extra.png) no-repeat;
}
#support .help-resources h3.info {
	background: url(../images/icon/heading/info.png) no-repeat;
}
#support .help-resources h3.networks {
	background: url(../images/icon/heading/pin.png) no-repeat;
}
#support .help-resources h3.schedule {
	background: url(../images/icon/heading/schedule.png) no-repeat;
}
#support .help-resources h3.legal {
	background: url(../images/icon/heading/chalk_board.png) no-repeat;
}
#support .help-resources ul {
	margin: 0;
	padding: 0;
}
#support .help-resources ul li {
	list-style: none;
	margin: 3px 0 0 40px;
	background: url(../images/icon/mis/bullet_orange.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
	line-height: 18px;
}

#support .jumpto {
	overflow: hidden;
}
#support .jumpto .left {
	float: left;
	width: 280px;
}
#support .jumpto .right {
	float: right;
	width: 280px;
}
#support .jumpto h3 {
	margin: 15px 0 0 50px;
	padding: 4px 0 0 30px;
	height: 20px;
	font-weight: bold;
	font-size: 14px;
}
#support .jumpto h3 a {
	color: #ff9600;
}
#support .jumpto h3 a:hover {
	color: #ffc20b;
}
#support .jumpto h3.networks {
	background: url(../images/icon/heading/apple.png) no-repeat;
}
#support .jumpto h3.support {
	background: url(../images/icon/heading/support.png) no-repeat;
}
#support .jumpto h3.profile {
	background: url(../images/icon/heading/id_card.png) no-repeat;
}
#support .jumpto h3.legal {
	background: url(../images/icon/heading/chalk_board.png) no-repeat;
}
#support .jumpto ul li {
	list-style: none;
	margin: 5px 0 0 70px;
	background: url(../images/icon/mis/bullet_green.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#support .overview h3 {
	color: #ff9600;
	height: 20px;
	margin: 10px 0 0 30px;
	padding: 4px 0 0 35px;
	font-size: 14px;
}
#support .overview h3.info {
	background: url(../images/icon/24x24/info.png) no-repeat;
}
#support .overview h3.message {
	background: url(../images/icon/24x24/yellow_mail.png) no-repeat;
}
#support .overview h3.security {
	background: url(../images/icon/24x24/security.png) no-repeat;
}
#support .overview p {
	line-height: 16px;
	padding: 15px 15px 0 30px;
	font-size: 10px;
	text-indent: 20px;
}