@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}
	
form {
	border:0;
	margin:0;
}
.faded {
	color:#333 !important;
}
.btn {
	display:inline-block !important;
	padding:3px 6px !important;
	background:#053d7a url('../images/1-button-send-message.png') no-repeat left top;
	border:0 !important;
	text-align:center;
	color:#fff !important;
	font-weight:bold;
	font-size:12px;
	text-decoration:none !important;
	cursor:pointer;
	clear:both;
	position:relative;
}
.btn:hover {
	color:#ccc !important;
}
.media-upload .btn {
	padding-left:30px !important;
}
.media_block_top {
	paddinb-bottom:10px;
	border-bottom:2px solid #aaa;
}
.btn_g {
	background:#09F !important;
}
.btn_r {
	background:#903 !important;
}
.btn_sm {
	font-size:11px !important;
	padding:1px 2px !important;	
	font-weight:normal !important;
}
.icon-image-add {
	display:block;
	position:absolute;
	left:5px;
	top:3px;
	background:url('../images/image_add.png') no-repeat;
	width:16px;
	height:16px;
}
.icon-video-add {
	display:block;
	position:absolute;
	left:5px;
	top:3px;
	background:url('../images/film_add.png') no-repeat;
	width:16px;
	height:16px;
}
.col40_left {
	width:35%;
	float:left;
}
.col60_right {
	width:55%;
	float:right;
}
.col50_left {
	width:45%;
	float:left;
}
.col50_right {
	width:45%;
	float:right;
}
.col70_left {
	width:70%;
	float:left;
}
.col30_right {
	width:25%;
	float:right;
}
.status-fixed {
	position:absolute;
	top:50px;
	left:300px;
	width:200px;
}
.status {
	display:none;
	padding:3px 25px 3px 25px;
	border:1px solid #FC0;
	background:#FFC;
	background-repeat:no-repeat;
	background-position:5px center;
	/*
	-webkit-box-shadow: 1px 1px 3px #555;
	box-shadow: 1px 1px 3px #555;
	*/
}
.photo-loading {
	display:inline-block !important;
	position:absolute;
	z-index:9;
	top:5px;
	left:5px;
	background-image:url('../images/loading.gif');
	background-color:#eee;
	border-color:#aaa;
	color:#777;
}
.album-loading {
	display:block !important;
	position:absolute;
	z-index:9;
	top:3px;
	right:3px;
	background-image:url('../images/loading-album.gif');
	background-position:0 0;
	background-color:transparent;
	border-color:transparent;
	color:#777;
	text-indent:100%;
	width:16px !important;
	height:16px !important;
	padding:0 !important;
	overflow:hidden;
}
.msg-loading {
	display:inline-block;
	background-color:#f2f2f2;
	border-color:#eee;
	background-image:url('../images/loading.gif');
}
.msg-ok {
	display:inline-block;
	background-color:#3F6;
	border-color:#6C6;
	background-image:url('../images/check.png');
}
.msg-error {
	display:inline-block;
	background-color:#F9C;
	border-color:#C00;
	background-image:url('../images/bullet_error.png');
}
.msg-info {
	padding:10px;
	display:inline-block;
}
.msg-tip {
	display:inline-block;
	background-image:url('../images/lightbulb.png');
	background-position:5px 4px;
}


.message_block {
	position:relative;
}
.message_body {
	width:55%;
	float:right;
}
.message_list {
	width:100%;
	height:400px;
	overflow:hidden;
	overflow-y:auto;
	float:left;
}
.message_list ul {
	list-style:none;
	padding:0;
	margin:0;
}
.message_list ul li {
	padding:0;
	font-size:11px;
	margin:2px 0;
	position:relative;
	background:#fafafa url('../images/gradient.png') repeat-x 0 0;
}
.message_list ul li a {
	display:block;
	border:1px solid #ddd;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:5px 7px;
	text-decoration:none;
	padding:5px 5px 5px 28px;
	color:#444;
}
.message_new {
	background-image:url('../images/mail.png');
	font-weight:bold;	
}
.message_read {
	background-image:url('../images/mail-open.png');
}
.message_replied {
	background-image:url('../images/mail-reply.png');
}
.message_list ul li .subject {
	height:25px;
	display:block;
	font-size:14px;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	margin-right:30px;
}
.message_list ul li .sender {
	position:relative;
	clear:both;
}
.message_list ul li .name {
	position:absolute;
	top:0;
	left:0;
	right:80px;
	white-space:nowrap;
	overflow:hidden;
	font-weight:normal;
}
.message_list ul li .time {
	display:inline-block;
	width:120px;
	font-size:10px;
	text-align:right;
	float:right;
	white-space:nowrap;
	font-weight:normal;
	color:#888;
}
.message_list ul li:hover {
	display:block;
	border-color:#ccc;
	background-color:#eee;
}
.message_list ul li.selected {
	border-color:#29447e;
	background-color:#617aac;
	color:#fff;
	background-position:0 -10px;
}
.message_list ul li.selected a, .message_list ul li.selected .time {
	color:#fff;
}

.message_body {
	padding-top:10px;
}
.message_body h3 {
	font-size:11px;
	font-weight:normal;
	text-align:right;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
}
.message_body p {
	margin-top:20px;
}



.message_body ul, .message_body li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	clear:both;
}
.message_body ul li {
	padding-bottom:20px;
	display:block;
	float:left;
	width:100%;
}



.message_body .chat_member {
	float:left;
	background:#fff;
	width:80px;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #fff;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.message_body .chat_member img {
	width:80px;
	display:block;
	position:relative;
}
.message_body .chat_member h2 {
	display:block;
	position:absolute;
	width:100%;
	bottom:0;
	background:url('../images/blk_80.png');
	padding:3px;
	margin:0;
	font-size:11px;
	color:#fff;
	text-shadow:1px 1px 0px #000;
}


.message_body .chat_bubble {
	display:block;
	margin-left:100px;
	background:#eee url('../images/gradient.png') repeat-x left top;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
	padding:0;
}


.message_body .chat_bubble p {
	margin:0;
	padding:10px;
	font-size:14px;
}
.message_body .chat_bubble p a {
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	color:#333;
	text-shadow:1px 1px 0px #fff;
	border:1px solid #e8cb53;
	display:inline-block;
	text-align:center;
	background:#ccc url('../images/gradient.png') repeat-x left top;
}
.message_body .chat_bubble .chat_time {
	font-size:11px;
	color:#999;
	padding:10px 0 5px 0;
	margin:0 10px;
	border-bottom:1px dotted #aaa;
}

.message_body ul li.alt .chat_bubble {
	margin-left:0 !important;
	margin-right:100px !important;
}

.message_body ul li.alt .chat_member {
	float:right !important;
}
.message_body ul li.alt .chat_time {
	text-align:right;
}

.message_body .contact_message_reply {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	position:relative;
}
.message_body .chat_bubble_arrow {
	width:0; 
	height:0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position:absolute;
	top:10px;
}
.message_body .norm .chat_bubble_arrow {
	left:-10px;
	border-right: 10px solid #ccc;
}
.message_body .alt .chat_bubble_arrow {
	right:-10px;
	border-left: 10px solid #ccc;
}

.notification_body {
}
.notification_body h2 {
	border-bottom:1px solid #ccc;
	font-size:14px;
	color:#666;
	font-weight:normal;
}
.notification_body ul ul {
	margin:10px 0 20px 20px;
}
.notification_body>ul>li {
	float:none;
	padding:0;
}
.notification_body>ul>li>ul>li {
	float:none;
	background:url('../images/status.png') no-repeat left 3px;
	padding:0 0 0 20px;
}


.message_center {
	position:relative;
}
.message_options {
	border-bottom:2px solid #444;
	text-align:right;
	position:relative;
	/*z-index:1;*/
}
.message_options span {
	display:inline-block;
	padding:5px 10px 5px 25px;
	border:1px solid #111;
	border-bottom:0;
	background-color:#555;
	color:#fff;
	background-repeat:no-repeat;
	background-position:5px center;
	text-decoration:none;
	font-size:11px;
	margin-bottom:0;
	margin-right:5px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	cursor:pointer;
}
.message_compose {
	display:block;
	padding:5px 10px 5px 25px;
	border:1px solid #111;
	background-color:#777;
	color:#fff;
	background-repeat:no-repeat;
	background-position:5px center;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
	position:absolute;
	top:-10px;
	left:0;
	width:150px;
	height:15px;
	border:1px solid #111;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-image:url('../images/mail--pencil.png');
	z-index:2;/**/
}
.message_compose:hover {
	background-color:#555;
}
.message_inbox {
	background-image:url('../images/mails.png');
}
.message_sent {
	background-image:url('../images/mail-forward.png');
}
.message_bin {
	background-image:url('../images/mail--minus.png');	
}
.message_notifications {
	background-image:url('../images/clock.png');	
}
.message_options span.selected {
	background-color:#333;
	border-color:#111;
	font-weight:bold;
}
.message_options span:hover {
	background-color:#777;
}
.message_del {
	position:absolute;
	top:2px;
	right:2px;
	width:16px;
	height:16px;
	display:block;
	visibility:hidden;
	cursor:pointer;
}
.message_list ul li:hover .message_del {
	visibility:visible;
}


.long-text-holder {
	overflow:hidden;
}
.long-text-holder-inner {	
}
.long-text-scroller {
	overflow-y:auto !important;
}
.more-text-holder {
	padding:5px 0;
	text-align:right;
	display:none;
}


.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}
.t_center {
	text-align:center !important;
}
.t_italic {
	font-style:italic;
}
.announcement_header {
	width:344px;
	height:49px;
	background:url('../images/1-share-message-button.jpg') no-repeat left center;
	color:#333;
	font-size:15px;
	padding:12px 0 0 10px;
	margin:8px 0 -1px 0;
}
#announcement, #txt_profile_comment {
 display:block;
 width:580px;
 border:0;
 padding:10px;
 font-size:14px;
}
.announcement_media {
	padding-bottom:5px;
}
.announcement_block {
	border:1px solid #abadb3;
	position:relative;
	margin-bottom:50px;
}
.announcement_media_block {
	background:#d5d5d5;
	border-top:1px solid #abadb3;
	padding:10px;
	position:relative;
	clear:both;
}
.announcement_attachment {
	display:none;
}
.announcement_media_remove {
	background:url('../images/cross-small.png') no-repeat left center;
	padding:3px 3px 3px 15px;
	color:#999;
	font-size:11px;
	display:inline-block;
	text-decoration:none !important;
}
.announcement_media_edit {
	background:url('../images/image--pencil.png') no-repeat left center;
	padding:3px 3px 3px 20px;
	color:#999;
	font-size:11px;
	display:inline-block;
	margin-left:10px;
	text-decoration:none !important;
}
.announcement_media_preview_holder {
	position:relative;
	display:inline-block;
}
.announcement_media_preview {
	position:relative;
	z-index:1;
}
.announcement_clip {
	position:absolute;
	top:-3px;
	left:-1px;
	background:url('../images/attach.png') no-repeat center center;
	width:16px;
	height:16px;
	z-index:2;
}
.announcement_btn {
	text-align:right;
	width:300px;
	height:30px;
	position:absolute;
	bottom:-15px;
	right:10px;
}
.announcement_attach {
	display:inline-block;
	font-weight:bold;
	color:#053b7b;
	text-decoration:none !important;
	outline:none;
}
.announcement_attach_photo {
	background:url('../images/photo_album_blue.png') no-repeat;
	padding:0 0 0 20px;
}

/* comment media */

.comment-textarea {
	float:left;
	width:510px;
	position:relative;
}
.content .comment-textarea {
	width:100%;
}
.comment_attachment {
	display:none;
	width:485px;
	background:#d5d5d5;
	border:1px solid #abadb3;
	border-top:0;
	padding:10px;
	position:relative;
}
.comment_media_remove {
	background:url('../images/cross-small.png') no-repeat left center;
	padding:3px 3px 3px 15px;
	color:#999;
	font-size:11px;
	display:inline-block;
	text-decoration:none !important;
}
.comment_media_preview_holder {
	position:relative;
	display:inline-block;
}
.comment_media_preview {
	position:relative;
	z-index:1;
	min-width:30px;
	min-height:30px;
}
.comment_attach {
	position:absolute;
	display:block;
	top:15px;
	right:10px;
	background:url('../images/photo_album_blue.png') no-repeat;
	width:16px;
	height:16px;
}

textarea {
	font-family:Arial;
	font-size:12px;
}
#vid {
	width: 612px;
	height: 344px;
	cursor:pointer;
}
#player {
	width: 612px;
	height: 344px;
	display:none;
}


.f_login {
	position:relative;
}
.f_login select {
	width: 287px;
	margin: 15px 80px 0 70px;
	padding: 10px;
	letter-spacing: 0.02px;
	font: 18px/normal Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

/* school and classmates forms */

.change_member {
	display:none;
	position:absolute;
	right:10px;
	top:25px;
	width:60px;
	text-align:right;
	border-left:1px dotted #06F;
}
.change_school a {
	display:inline-block;
	padding-left:7px;
	text-decoration:none;
	font-size:14px;
	color:#fff;
}
.change_school a:hover {
	text-decoration:underline;
}

.school_list_holder, .member_list_holder {
	position:relative;
	z-index:999;
}
.school_list, .member_list {
	display:none;
	position:absolute;
	top:0;
	left:227px;
	border:1px solid #fff;
	background:#f2f2f2;
	width:287px;
	text-align:left;
}
.member_list {
	width:320px;
	-webkit-box-shadow: 2px 2px 3px #555;
	box-shadow: 2px 2px 3px #555;
	width:420px;
}
.contact_message_new h3 {
	display:block;
	font-size:14px;
	margin:10px 0 5px 0;
	padding:5px 0;
	position:relative;
	border-bottom:1px solid #ccc;
}
.contact_message_new textarea {
	width:400px;
	height:200px;
	padding:10px;
	font-size:14px;
	margin:10px 0;
}

.contact_message_new #member_name {
	width: 300px;
	margin:0;
	padding: 10px;
	font: 18px/normal Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.classmates_block #member_name {
	width:402px !important;
	border:0;
}

.contact_message_new .member_list {
	left:0px !important;
}
.school_list_scroller, .member_list_scroller {
	max-height:260px;
	overflow:hidden;
	overflow-y:auto;	
}
.school_list a, .member_list a {
	display:block;
	padding:5px 10px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	clear:both;
}
.school_list_scroller span, .member_list_scroller span {
	display:block;
	padding:10px;
	color:#888;
	font-size:12px;
}
.school_list a b, .member_list a b {
	display:block;
}
.school_list a:hover, .member_list a:hover {
	background:#06f;
	color:#fff;
}
.school_list_no_results, .member_list_no_results {
	border-top:1px solid #888;
	background:#ccc;
}

.user-frame-search {
	width: 30px;
	height: 30px;
	margin-right:10px;
	padding: 0;
	border:1px solid #ccc;
	float: left;
}

 .user-image-search {
	width: 26px;
	height: 26px;
	margin: 2px;
	text-align:center;
	position: relative;
	overflow:hidden;
} 
 .user-image-search  img {
		width:30px; 
 }

.btns {
	padding:10px 30px;
	background:#ddd;
	border-top:1px solid #777;
	text-align:right;
}
.f-left {
	float:left;
}
.f-right {
	float:right;
}
.fix-right {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	text-align:right;
}
.pad {
	padding:10px;
}
.pad-10 {
	padding:10px;
}
.pad-bot {
	padding-bottom:30px;
}
.pad-bot-10 {
	padding-bottom:10px;
}

.pad-top, .pad-10-top {
	padding-top:10px;
}
.pad-top-bot {
	padding-top:20px;
	padding-bottom:20px;
}
.pad-top-left {
	padding:20px 20px 0 20px;
}
.pad-30 {
	padding:30px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-bot-20 {
	margin-bottom:20px;
}
.f-right {
	float:right;
}
.t-right {
	text-align:right;
}




.cropper {
	position:absolute;
	top:55px;
	right:210px;
	background:#fff;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	border:5px solid #fff;
	display:none;
}
.cropper .btn {
	position:absolute;
	bottom:-40px;
	right:0;
}
.cropper h3 {
	display:block;
	padding:5px;
	margin:0 auto;
	color:#fff;
	background:#333;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	border:5px solid #fff;
	position:absolute;
	top:-45px;
	text-align:center;
	left:0;
}
.cropper-holder {
	padding:20px;
}
.cropper-main {
	margin-bottom:10px;
	background:#fff;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	border:5px solid #fff;
}
.cropper-left {
	padding-right:20px;
	float:left;
	border-right:1px solid #ccc;
	margin-right:20px;
}
.cropper-right {
	float:left;
}
.cropper-preview {
	background:#fff;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	border:5px solid #fff;
	width: 153px;
	height: 207px;
	overflow:hidden;
}

.attach {
	padding:4px 2px 4px 25px;
	color:#555;
	display:inline-block;
	font-weight:bold;
	background:url('../images/attach.png') no-repeat left center;
}
.attach:hover {
}
.classlist_block {
	padding:10px 0;
}
fieldset {
	border:3px solid #73829a;
	padding:10px 20px;
	margin:0 0 10px 0;
}
#video_upload fieldset {
	margin:0 10px;
}
fieldset legend {
	font-family: Arial;
	font-size: 20px;
	padding: 0 10px;
	color:#043b7b;
	font-weight:bold;
}
.classmates_block fieldset {
	padding-left:40px;
}
fieldset.search {
	background:url('../images/magnifying-glass.png') no-repeat 10px center;
}
.f_change_class fieldset {
	min-height:200px !important;
	padding-top:0px !important;
	background-position: 20px 35px !important;
	position:relative;
}
.f_change_class .change_school {
	top:50px !important;
}
.classmate_list_block, .classmate_list {
	position:relative;
}
#classmate_list_status {
	position:absolute;
	top:20px;
	left:270px;
	width:200px;
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#eee;
	border:2px solid #777;
	font-style:italic;
}
.marginTop {
	margin-top:2px;
}
.duplicate_member_creds {
	display:none;
	position:relative;
	margin-bottom:10px;
}
.duplicate_member_status {
	display:none;
	position:relative;
}
.duplicate_member_name b {
	display:block;
	font-size:14px;
	padding-bottom:10px;
}
.duplicate_col1, .duplicate_col3 {
	width:210px;
	padding-bottom:10px;
	float:left;
}
.duplicate_col1 input[type=password] {
	width:130px;
	padding:2px;
	border:2px solid #aaa;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.duplicate_col2 {
	width:50px;
	float:left;
	padding:10px;
	font-weight:bold;
	font-style:italic;
	color:#777;
	text-align:center;
}

.t_contact {
	width:600px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}
.t_contact th {
	text-align:right;
	padding:5px;
	vertical-align:top;
}
.t_contact td {
	padding:5px;
	vertical-align:top;
	width:70%;
}
.t_contact td input[type=text], .t_contact td textarea {
	width:100%;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px solid #aaa;
}

.or span {
	display:inline-block;
	padding:10px;
	background:#fff;
	color:#888;
	font-size:14px;
}

.tester {
	display:block;
	width:100px;
	height:30px;
	text-align:right;
	color:#fff;
}
.fileinput-button {
	display:inline-block;
}
.media-upload {
	padding:10px 0 0 10px;
}
.progress {
	display:none;
	position:relative;
	width:120px;
	height:14px;
	margin-left:5px;
	padding:3px 0 3px 25px;
	background:url('../images/loading.gif') no-repeat left center;
}

.progress .bar {
	display:none;
	color:#777;
	background:#bbb;
	height:20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:1px solid #666;
	position:absolute;
	top:0;
	left:0;
	height:20px;
}
.progress .txt {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	line-height:20px;
	height:14px;
	padding:3px 10px;
}
.progress .bar b {
	color:#000;
}

.classmate_messages_header, .following_header, .notfollowing_header {
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	height:23px;
	padding:4px 0 4px 10px;
	position:relative;
}
.classmate_messages_header {
	background-image:url('../images/bg_classmate_messages.png');
}
.following_header {
	background-image:url('../images/bg_classmate_following.png');
}
.notfollowing_header {
	background-image:url('../images/bg_classmate_notfollowing.png');
}
.toggle_comments {
	background:url('../images/arr_comment.png') no-repeat 5px center;
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	color:#878787;
	font-size:13px;
	text-decoration:none !important;
	padding:4px 0 4px 25px;
	font-weight:bold;
	outline:none;
}
.toggle_comments:hover {
	color:#444;
}
.comments_down {
	background-image:url('../images/arr_comment_down.png');
}
.show-more {
	background:#888 url('../images/comments.png') no-repeat 5px center;
	padding:5px 10px 5px 27px;
	border:2px solid #ccc;
	color:#eee !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
}

.show-more:hover {
	background-color:#666;
}
.show-more {
	background-image:none;
	padding-left:10px;
}
.show-more1 {
	color:#888;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	display:inline-block;
	width:200px;
	font-size:16px;
	text-decoration:none !important;
	outline:none;
	padding:5px;
}

#editor {
	min-height:360px;
}

.clr {
	clear:both;
}
.hide {
	display:none;
}
.invisible {
	visibility:hidden;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family:Arial;
	font-size:12px;
}

.ui-dialog .ui-dialog-content {
	padding:0;
	background:#fff;
	text-align:left;
}

.ui-widget-header {
	background: url(../images/bg-top.jpg) repeat-x left -30px;
	border:0;
}




.apprise-overlay {
	z-index:9998;
}
div.apprise {
	z-index:9999;
}


.form-builder {
	width:655px;
	margin-top:20px;
	padding:10px;
	font-size:12px;
	background:#e6effe;
}
.form-builder a {
	color:#0065ff;
}
.form-builder .head  {
	color:#666;
	font-weight:bold;
	float:left;
	padding-bottom:5px;
	font-size:11px;
}
.head-1 {
	width:27px;
}
.head-2 {
	width:265px;
	padding:0 0 0 5px;
	text-align:left;
}
.head-3 {
	width:180px;
	text-align:center;
}
.head-4, .head-5, .head-6 {
	width:50px;
	text-align:center;
}

.form-builder .q  {
	margin-bottom:1px;
	width:100%;
	text-align:center;
	background:#c4c8e5;
	clear:both;
}
.form-builder .q>div {
	float:left;
}
.form-builder .q-edit  {
	width:100%;
	margin-bottom:1px;
	background:#fcfce4;
	padding:10px 0;
	clear:both;
	position:relative;
	display:none;
	min-height:60px;
}
.form-builder .q-save {
	position:absolute;
	float:none !important;
	right:10px;
	bottom:10px;
}
.form-builder .answers {
	padding-left:30px;
	padding-top:20px;
	width:410px;
}
.form-builder .answer {
	margin-bottom:1px;
}
.form-builder .answer-new {
	padding-left:30px;
	width:410px;
}
.form-builder .answer>div, .form-builder .answer-new>div  {
	float:left;
}
.form-builder .q-edit>div {
	float:left;
}
.q-1, .a-1{
	width:27px;
	height:27px;
}
.q-1 .move-icon, .a-1 .move-icon{
	width:27px;
	height:27px;
	background:#d1d1d1 url('../images/move_icon.png') no-repeat center center;
	cursor:pointer;
}
.q-1-1 {
	width:27px;
	height:27px;
}
.q-2 {
	width:265px;
	padding-top:3px;
	padding-left:5px;
	height:24px;
}
.q-2 input {
	width:260px;
	padding:1px 2px;
	margin:0;
}
.q-3 {
	width:180px;
	padding-top:4px;
	height:23px;
	color:#111;
}
.q-4, .q-5, .q-6 {
	width:50px;
	padding-top:4px;
	height:23px;
	background:#c4c8e5;
	color:#444;
}
.a-2 {
	width:238px;
	padding-top:3px;
	padding-left:5px;
	height:24px;
}
.a-2 input {
	width:233px;
	padding:1px 2px;
	margin:0;
}
.a-3 {
	width:135px;
	padding-top:4px;
	height:23px;
	text-align:right;
}
.form-builder input.faded {
	font-style:italic;
}
.form-builder .q-options {
	width:190px;
	height:60px;
	text-align:left;
	position:absolute;
	top:10px;
	right:5px;
	float:none !important;
}
.form-builder .q-options label {
	display:block;
	padding:0 0 5px 20px;
	font-size:11px;
	position:relative;
	color:#333;
}
.form-builder .q-options label input {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.form-builder .answers b {
	display:block;
	padding-bottom:5px;
	text-align:left;
}
.form-builder .q-placeholder {
	border:2px solid #9abaf0;
	background:#e6effe;
	height:27px;
}
.form-builder .a-placeholder, .form-builder .q-placeholder {
	border:2px solid #FC0;
	background:#FF9;
	height:27px;
}
.question-save {
	-moz-box-shadow: -1px 0px 0px 0px #97c4fe;
	-webkit-box-shadow: -1px 0px 0px 0px #97c4fe;
	box-shadow: -1px 0px 0px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 14px;
	font-weight: regular;
	padding: 3px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1570cd;
	cursor:pointer;
}
.question-save:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.question-save:active {
	position:relative;
	top:1px;
}
.answer-save, .answer-remove {
	width:100px;
	cursor:pointer;
}

.copy-link {
 display:inline-block;
 padding:4px 6px 4px 26px;
 margin-left:20px;
 font-size:11px;
 background:#f2f2f2 url('/assets/images/page_white_paste.png') no-repeat 4px center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #ccc;
	text-decoration:none;
}
.cc-iframe {
	margin-left:0px;
	width:680px;
}

a {
	outline:none;
}

/*************************************************************************************/
/* Login Area */
/*************************************************************************************/

.f_login {
	position:relative;
}
.f_login input[type=text], .f_school_add input[type=text] {
	width: 267px;
	padding: 10px;
	letter-spacing: 0.02px;
	font: 18px/normal Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.f_login input[type=text], div.btn-change-school {
	margin: 15px 80px 0 70px;
}
.f_login select {
	width: 287px;
	margin: 15px 80px 0 70px;
	padding: 10px;
	letter-spacing: 0.02px;
	font: 18px/normal Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
.class_year_id, .btn-change-school {
	display:none;
}
.buttonFacebook {
	display:inline-block;
	width: 288px;
	margin: 15px 80px 0 70px;
}
.change_school {
	display:none;
	position:absolute;
	right:100px;
	top:25px;
	width:110px;
	text-align:right;
	border-left:1px dotted #06F;
}
.f_change_class .change_school a {
	color:#000;
}
.f_change_class .school_list, .member_list {
	left:70px;
}
#school_directory_content h1 {
	font-size:16px;
	color:#043b7b;
	border-bottom:2px solid #043b7b;
	margin-bottom:10px;
	padding:5px;
	display:block;
	position:relative;
}
#school_directory_content .status {
	font-size:12px;
	font-weight:normal;
	color:#555;
}
.school_listing {
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 20px 0;
}
.school_listing h2 {
	font-size:18px;
	color:#043b7b;	
}
.school_listing ul {
	margin-left:20px;
}
.school_listing_img {
	width:80px;
	margin-right:10px;
	float:left;
}
.school_listing_name {
	width:500px;
	float:left;
}
#f_feedback select {
	width:420px;
	display:block;
	padding:5px;
	font-size:14px;
}
.feedback {
	display:block;
	width:27px;
	height:108px;
	position:fixed;
	right:0;
	top:200px;
	z-index:999;
}

.big-input {
	padding:5px;
	font-size:14px;
	color:#333;
	width:300px;
}
#video_upload input, #video_upload textarea, .media_field {
	width: 90%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	padding: 5px 5px;
	background: #eee;
	border: 2px solid #c0c0c0;
	display: inline-block;
	line-height: 14px;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
#video_upload textarea {
	height: 60px;
}
#video_upload #video_link {
	height: 144px;
}
#video_upload input[type=text]:focus, #video_upload textarea:focus, .media_field:focus {
	background-color: #FFFFFF;
	-moz-outline-width: thick;
	outline-width: thick;
	border-color:#06C ;
}
#video_upload input[type=text]:active, #video_upload textarea:active, , .media_field:active {
	-moz-outline-color: #3D0802;
	outline-color: #3D0802;
	outline-width: 3px;
}

.col2a {
	width:50%;
}
.no-border {
	border:0 !important;
}

.sortingBox label {
	display:inline-block;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.clr {
	clear:both !important;
	float:none !important;
}

.announcement_attachments_block {
	display:none;
	clear:both;
	padding-bottom:20px;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
.announcement_attachments {
	clear:both;
}
.announcement_attachment_media {
	float:left;
	background:#ccc;
	width:142px;
	max-height:199px;
	overflow:hidden;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px solid #ccc;
	text-align:center;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	color:#333;
}
.announcement_attachment_media img {
	max-width:142x;
	max-height:199px;
}
.announcement_attachments .dragPlaceholder {
	width:142px;
	min-height:100px;
	max-height:199px;
	background:#999 !important;
	border:2px dotted #444 !important;
}
.announcement_attachment_media:hover {
	-webkit-box-shadow:0 5px 5px #555;
	-moz-box-shadow:0 5px 5px #555;
	box-shadow:0 5px 5px #555;
}
.announcement_attachment_remove {
	background:#ccc url('../images/cross-small.png') no-repeat left center;
	padding:3px 3px 3px 15px;
	color:#222 !important;
	font-size:11px;
	display:none;
	text-decoration:none !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	position:absolute;
	bottom:5px;
	left:5px;
}
.announcement_attachment_edit {
	background:#ccc url('../images/image--pencil.png') no-repeat 3px center;
	padding:3px 3px 3px 23px;
	color:#222 !important;
	font-size:11px;
	display:none;
	margin-left:10px;
	text-decoration:none !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	position:absolute;
	bottom:5px;
	right:5px;
}
.announcement_attachment_remove:hover, .announcement_attachment_edit:hover {
	color:#eee !important;
	background-color:#222;
}

.announcement_attachment_media:hover .announcement_attachment_remove, .announcement_attachment_media:hover .announcement_attachment_edit {
	display:block;
}
.announcement_attachment_clip {
	position:absolute;
	top:0px;
	left:0px;
	background:url('../images/attach.png') no-repeat center center;
	width:16px;
	height:16px;
	z-index:2;
}
.announcement_attachment_btns {
	padding-bottom:20px;
}
#main_container .announcement_attachment_btns .btn {
	padding-left:30px !important;
	margin:0 !important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.announcement_attachment_btn {
	width:30%;
	float:left;
}
.announcement_attachment_btn_vid {
	width:70%;
	float:left;
}
.announcement_attachment_btn_vid_status_holder {
	padding-top:5px;
}
.announcement_attachment_btn_vid input[type=text] {
	display:none;
	width:60%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.profile .announcement_attachment_btn_vid {
	/*width:430px;*/
}
.profile .announcement_attachment_btn_vid input[type=text] {
	/*width:280px;*/
}
.announcement_attachment_btns .btn:hover {
	color:#ccc !important;
}