body { margin: 0; padding: 0; background-color: #afccf0; }
a { color: #2f66aa; }
/* a:visited { color:  #5C7996; } */

li { list-style-type: none; }
.flashWrapper { position: fixed; z-index: 100;}
.flashBox { border: 6px solid; background: no-repeat scroll 10px center; margin: 0 auto 1em; min-height: 2.5em; padding: 1em 1em 1em 4em; }
#flashWarning { border-color: red; background-color: #fc897f; }
#flashNotice { border-color: #D6E365; background-color: #EFFF72; }



.sub.navigation { overflow: hidden; position: fixed; top: 45px; height: 20px; margin-left: 200px; z-index: 40; background-color: #afccf0; width: 800px;}
.sub.navigation li { display: inline; border-right: 1px solid #000; margin-right: 7px; padding-right: 7px; }

#header { background-color: #04142b; padding: 2px; height: 41px; position: fixed; top: 0; left: 0; width: 100%; z-index: 50; color: #fff; }
#header-inner { width: 1000px; margin: 0 35px 0 32px; }

#header #mainLogo { float: left; margin-right: 15px; }
#header #mainLogo img { background: url(/images/logo.png) no-repeat top left; width: 137px; height: 37px; }

#header #userMenu {
	display: block;
	position: relative;
	float: right;
	width: 194px;
	min-height: 37px;
	background: transparent url(/images/userMenuBg.png) no-repeat top left;
	margin: 2px 5px 0 0;
	z-index: 101;
}

#header #navigation {
	font-size: 11pt;
	text-transform: lowercase;
	height: 67px;
	line-height: 45px;
}


#header #navigation li { display: inline; border-right: 1px solid #fff; padding-right: 8px; margin-right: 4px; }
#header #navigation li.last { border-right: none; }
#header #navigation li a { color: #fff; }
#header #navigation li.selected a,
#header #navigation li a:hover { color: #4D9BFB; text-decoration: none; }

#userMenu:hover { border-color: #fff; }
#userMenu-inner { padding: 3px; height: 31px; vertical-align: middle; line-height: 31px; margin-right: 7px; }
#userMenu ul { position: absolute; top: 35px; left: 0; background-color: #04142b; border: 1px solid #fff; border-width: 0 1px 1px; margin-left: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#userMenu #userMenu-list { -moz-border-radius-topLeft: 0; -moz-border-radius-topRight: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }
#userMenu li a { display: block; height: 26px; width: 180px; border-top: 1px solid #fff; line-height: 26px; padding: 2px 6px; color: #fff; }
#userMenu li a:hover { text-decoration: none; background-color: #CDE1F9; color: #04142B !important; }


#userMenu #userMenu-exchanges { display: none; left: -264px; top: 93px; -moz-border-radius-topRight: 0; -moz-border-radius-bottomRight: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; }
#userMenu #userMenu-classrooms {display: none; left: -264px; top: 124px; }
#userMenu #userMenu-exchanges li a,
#userMenu #userMenu-classrooms li a { width: 250px; }

#userMenu li#userMenu-exchangesItem:hover #userMenu-exchanges,
#userMenu li#userMenu-classroomsItem:hover #userMenu-classrooms { display: block; }
#userMenu #userMenu-exchanges li a,
#userMenu #userMenu-classrooms li a  { color: #eee; }
#userMenu #userMenu-exchanges li.selected a,
#userMenu #userMenu-classrooms li.selected a { font-weight: bold; color: #fff; }


#left_column,
#right_column { padding-top: 0; }
#middle_column { min-height: 500px; }
.pictureLink { float: left; }
.widget .userPicture,
#left_column .widget .picturePicture,
#left_column .widget .pictureLink img,
#right_column .widget .picturePicture { width: 56px; height: 56px; }
#mainMediaContainer { background-color: #000; margin-bottom: 16px; }
#mainMedia-inner { text-align: center; }
#captionBar { background-color: #03132A; display: block; padding: 4px; color: #fff; position: relative; height: 19px; }
#captionBar h4 { float: left; margin: 0; }
#detailSegment { float: right; }
#detailSegment a { color: #fff; }

#leftGallery-linker { float: left; margin-right: 8px; line-height: 80px; height: 32px; }
#rightGallery-linker { float:right; margin-left: 8px; line-height: 80px; height: 32px; }

#mainMediaContainer .picturePicture { max-width: 100%; max-height: 375px; }
#gallerySet-images { display: block; width: 500px; margin: 0 auto; }
#gallerySet-images img { width: 80px; height: 80px; }
#gallerySet-images li { display: block; margin-right: 4px; float: left; }
#gallerySet-images li.last { margin-right: 0; }

span.small .userPicture { width: 30px; }


#header #userMenu .userPicture { height: 31px; width: 31px; float: left; margin-right: 4px;}

#header #login-form { float: right; margin-top: 12px; }
#header fieldset { border: none; padding: 0; margin: 0; }
#header #login-form fieldset {  }
#header #login-form input { color: #8C8B8B; font-size: 9pt; width: 150px; float: left; margin-left: 7px; }
#header #login-form #login-submit_button { width: auto; margin-top: 1px; }

#header #language_selection { float:right; clear: both; }
#header #user_tools { float: right; }
#header #user_tools li { float: left; }
#header #user_tools li a { float: left; margin-right: 14px; }

#footer { text-align: center; color: #666; margin-top: 14px; font-size: smaller; }
#footer ul { display: inline; margin-left: 14px; }
#footer li { display: inline; margin-right: 7px; padding-right: 7px; border-right: 1px solid #666; }
#footer li.last { border-right: none !important; }

form label:after { content: ": "; }
form label.without_colon:after { content: ""; }

#canvas { position: relative; z-index: 0; padding-top: 67px; }
/* MAIN PAGE */
#mainPage { background: #4D9BFB url(/images/bluegrad_bkgnd.jpg) repeat-x scroll left top; }
#mainPage #header { height: 67px; position: static; padding: 0; }
#mainPage #header-inner { margin: 0 auto; padding-top: 10px; }
#mainPage #mainLogo { margin-right: 15px; }
#mainPage #mainLogo img { background: url(/images/logo_bigger.png) no-repeat top left; width: 179px; height: 53px; }
#mainPage #canvas { margin: 67px auto 0; padding-top: 0; text-align: center; }
#mainPage #footer { color: #fff; font-size: 9pt; }
#mainPage #footer a { color: #03142A; }
#mainPage #footer li { border-right: 1px solid #fff; }
#mainPage #mainGraphic { margin: 0 auto; }
#mainPage #mainGraphicText { margin: 0 auto; }

#mainPage .sub.navigation { display: none; }

.BLAH #userPage #canvas { padding: 55px 205px 28px 270px; width: 525px; }
#canvas.users-show { padding: 88px 230px 28px 292px; }
.BLAH #blogpostPage #canvas { padding: 55px 0 0; }
#blogpostPage #canvas { padding: 65px 0 0; }

#canvas.main #canvas-inner { width: 728px; margin: 0 auto; }
#canvas.main-index #canvas-inner { width: auto; height: auto; background: none; }
#canvas.main-contact .contactInfo {
  background-image: url(/images/contact_bg.jpg);
  border: none;
  height: 335px;
}
/*#mainPage #canvas.main .info { text-align: left; font-weight: bold; padding: 14px; margin: 1px; height: 332px; width: 691px; overflow-y: scroll; }*/
#mainPage #canvas.main-contact .contactInfo { overflow: hidden; }

.info {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px;
  border: 1px solid #4084AB;
  background: white;
}

.BLAH .users-show #left_column { position: fixed; left: 0; top: 55px; width: 250px; }
.users-show #left_column { position: fixed; left: 32px; top: 65px; width: 250px; }
.BLAH .users-show #right_column { position: fixed; right: 0; top: 55px; width: 185px; }
.users-show #right_column { position: fixed; right: 35px; top: 65px; width: 185px; }
.users-show #middle_column { padding-top: 0; }

.users-show #middle_column-header { position: fixed; left: 297px; right: 235px; top: 45px; padding: 20px 0 0; height: 23px; border-bottom: 1px solid #4084AB; background-color: #AFCCF0; }

#canvas.twoColumns { padding: 88px 230px 0 35px; }
#canvas.twoColumns.curriculums { padding: 65px 230px 0 35px; }
.twoColumns #right_column { position: fixed; right: 35px; top: 65px; width: 185px; }
.twoColumns #middle_column,
.twoColumns #right_column { padding-top: 0; }
.twoColumn #middle_column-header,
.twoColumns #middle_column-header { position: fixed; left: 5px; right: 235px; top: 45px; padding: 20px 0 0 35px; height: 23px; background-color: #AFCCF0; }

.users-edit label { font-weight: bold; }

.column { padding: 5px; }
.widget { margin-bottom: 14px; border: 1px solid #4084AB; _border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; _background: none; }
.widget.minusTop { -moz-border-radius-topLeft: 0; -moz-border-radius-topRight: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }
.widget li { overflow: hidden; }


.widget .widgetHeader,
.widget .widgetHeader div { height: 25px; }
.widget .widgetHeader { background: #82A9DA; _background: url(/images/roundedCorner-right.png) no-repeat top right; border-bottom: 1px solid #4084ab; color: #fff; font-weight: bold; padding-right: 3px; }
.widget .widgetHeader div { _background: url(/images/roundedCorner-left.png) no-repeat top left; padding-left: 5px; line-height: 25px; }
.widget .widgetHeader a { color: #03142a; }

.widgetHeader .viewAllLink { float: right; height: 25px; line-height: 25px; font-size: smaller; }

/* .widget .widgetHeader, */
.widget .widgetContent { padding: 7px; overflow: hidden; }
.widget .widgetContent { _background-color: #fff; border: 1px solid #4084ab; border-width: 0; _border-width: 0 1px; }

.widget .widgetFooter,
.widget .widgetFooter div { height: 9px; }
.widget .widgetFooter { padding-right: 3px; _background: url(/images/roundedCorner-bottomRight.png) no-repeat bottom right; }
.widget .widgetFooter div { _background: url(/images/roundedCorner-bottomLeft.png) no-repeat bottom left; }

.widget .widgetInvertedHeader,
.widget .widgetInvertedHeader div { height: 9px; }
.widget .widgetInvertedHeader { padding-right: 3px; background: url(/images/roundedCorner-invertedRight.png) no-repeat top right; }
.widget .widgetInvertedHeader div { background: url(/images/roundedCorner-invertedLeft.png) no-repeat top left; }

#left_column .widget .widgetContent .student,
#left_column .widget .widgetContent .media { float: left; }

.widget .userPicture { margin-right: 4px; }

#media-widget .widgetContent { min-height: 200px; }

#sendMessage-linker { padding-right: 18px; background: url(/images/messageIcon.png) no-repeat center right; font-weight: bold; }
.newBlog-linker { font-weight: bold; }

.tabMenu { float: left; position: relative; height: 23px; }
.tabMenu li { float: left; height: 23px; background: url(/images/tab-left.gif) no-repeat -1px 0; }
.tabMenu li.first { background-position: top left; }
.tabMenu li a { float: left; height: 15px; padding: 4px 24px; background: url(/images/tab-right.gif) no-repeat top right; font-weight: bold; }
.tabMenu li.selected,
.tabMenu li:hover { background-image: url(/images/tabSelected-left.gif); }
.tabMenu li.selected a,
.tabMenu li a:hover { background-image: url(/images/tabSelected-right.gif); color: #fff; text-decoration: none; }

.pagination { float: right; }
.pagination li { display: inline; }
.pagination li.current a { font-weight: bold; }

#composeMessage-linker { float: left; width: 150px; font-weight: bold; }
#mailboxSelector { float: left; }
#mailboxSelector li { display: inline; }
#mailboxSelector li.first { margin-right: 8px; padding-right: 8px; border-right: 1px solid #4084ab; }
#mailboxSelector li.current a { font-weight: bold; color: #333; }

#messages { clear: both; }
#messages-header { margin-bottom: 32px; }
#messages-footer { margin-top: 32px; }
#messages .message { display: block; padding: 4px 0; border-bottom: 1px solid #ccc; }
#messages .message a { color: #6D6D6D; }
#messages .message.unread a { font-weight: bold; }
#messages .message.admin a { color: #C5200D; }
#messages .message.teacher a { color: #C5200D; }
#messages .message span { display: block; float: left; }
#messages .message .message-from { width: 150px; }
#messages .message .message-sent_at { float: right; }

.blog_posts { margin-top: 20px; }

.blog_post { clear: both; border-bottom: 1px dashed #666; margin-bottom: 10px; }
.blog_post .header { margin-bottom: 10px; }
.blog_post .header .timestamp { float: left; width: 116px; }
.blog_post .blog_post-linker { font-weight: bold; }
.blog_post .toggler { float: right; width: 13px; height: 13px; background: url(/images/downArrow-blue.png) no-repeat top right; }
.blog_post .toggler:hover { border: none; text-decoration: none; }
.blog_post.closed .toggler { background-image: url(/images/leftArrow-blue.png); }
.blog_posts .blog_post .content { margin-bottom: 14px; height: 200px; }
.blog_post .content p { line-height: 1.4em; text-align: justify; }
.blog_post.closed .content { }
.blog_post .blog_post-paragraph { margin-bottom: 14px; }
.blog_post .bylineLinker { font-size: 8pt; }

.pictureContainer { height: 200px; overflow: hidden; }
.blog_posts .pictureContainer { float: left; }
.blogPostPicture { width: 200px; margin: 0 8px 8px 0; }

fieldset { border: none; }
#newPost-widget fieldset,
.messageForm fieldset { border: none; }
#newPost-widget legend,
.messageForm legend { display: none; }
.blog_postForm label,
.messageForm label { width: 55px; margin-top: 5px; float: left; clear: left; font-weight: bold; }
.blog_postForm input,
.messageForm input,
.blog_postForm select,
.messageForm select,
.messageForm span.floater { margin-bottom: 8px; float: left; }
.messageForm span.floater { margin-top: 4px; margin-bottom: 0; }
.blog_postForm input[type="text"],
.messageForm input[type="text"],
.blog_postForm textarea,
.messageForm textarea { border: 1px solid #7A95A6; padding: 4px; }
.blog_postForm #blog_post_content,
.messageForm textarea { width: 100%; }
#newPost-widget .button-to { float: right; }



.pictureThumb { width: 50px; height: 50px; }

#lightview .lv_contentTop,
#lightview .lv_contentBottom { }
#lightview h3 { margin: 0 0 8px 0; font-size: 10pt; }
#lightview .pagination { clear: both; float: none; text-align: center; }
#lightview #sp_recent_media { display: block; width: 356px; margin: 0 auto; }
#lightview .userPicture,
#lightview .picturePicture { width: 56px; height: 56px; }

.userEdit-panel { min-width: 814px; }
#userEdit-edit form { background-color: #EFEEFA; padding-bottom: 8px; }
#BLAHuserEdit-edit fieldset { background-color: #E4EEFA; }
#userEdit-editLeft { float: left; width: 530px; }
#userEdit-editRight { float: left; width: 235px; }
#userEdit-editRight table { width: 100%; }
#userEdit-editRight td { padding-bottom: 4px; }
#userEdit-editRight input[type="checkbox"] { width: 28px; }

#classEdit-classroom_selector { margin-bottom: 14px; }
#classroom_table { margin-bottom: 14px; }

.student_listing {}
.student_listing.approved {}
.student_listing.inactive {}
.student_listing.pending {}
.student_listing.denied {}

.student_listing.approved a.studentNameLink {}
.student_listing.inactive a.studentNameLink { color: #900; }
.student_listing.pending a.studentNameLink { color: #999; }
.student_listing.denied a.studentNameLink { color: #f00; }

#userEdit-notifiables,
#userEdit-languages,
#userEdit-privacy { background-color: #EFEEFA; margin-bottom: 8px; }
#userEdit-privacy label { float: left; clear: left; width: 155px; }
#userEdit-privacy input[type="text"],
#userEdit-privacy input[type="password"] { margin-bottom: 8px; border: 1px solid #7A95A6; padding: 4px; }

.check_column { float: left; width: 200px; }
form .check_column label:after { content: ""; }
.check_column ul { margin-top: 8px; }
.check_column li { margin-left: 14px; margin-bottom: 6px; }
.check_column li input { width: 40px; }

#notifications .notification { border-bottom: 1px solid #999; padding: 4px; height: 38px; line-height: 38px; }
#notifications .notification .userPicture { width: 30px; height: 30px; margin-right: 8px; vertical-align: middle; }
#notifications .notification a { font-weight: bold; }
#notifications .notification .timestamp { font-weight: bold; color: #aaa; float: right; }

.classroomForm-wrapper { background-color: #E7F1FA; padding: 8px; overflow: hidden; margin-bottom: 12px; }
.classroomForm-wrapper form { padding: 8px; margin-bottom: 16px; }
.classroomForm-wrapper .leftHalf { width: 500px; float: left; }
.classroomForm-wrapper .leftHalf label { width: 250px; display: block; float: left; }
.classroomForm-wrapper .leftHalf input,
.classroomForm-wrapper .leftHalf select,
.classroomForm-wrapper .leftHalf span { float: left; margin-bottom: 8px; }
.classroomForm-wrapper .leftHalf span { margin-top: 4px; }
.classroomForm-wrapper .leftHalf select { margin: 0 6px 8px; }
.classroomForm-wrapper br { clear: left; }
.classroomForm-wrapper .leftHalf input[type="submit"] { float: right; }

.classroomForm-wrapper .rightHalf { float: left; }
.classroomForm-wrapper .rightHalf h4 { margin-top: 0; }

.classroomForm-wrapper .bottom { width: auto; }

#exchange_listing_header,
#exchange_criteria_selection { margin-bottom: 16px; }
.table_list tr { background-color: #E7F1FA;   text-align: center; }
.table_list tr.blank { background-color: #fff; height: 8px;  }

#loadingTabImage { float: right; }

.formError  {
  color: red;
}

table#pending_teachers  {
  align: center;
  width: 90%;
}

#pending_teachers th {
  text-align: left;
}

#lesson_menu li {
  display: inline;
}

#exchange_listing th {
  text-align: left;
}

#forgot_password_form {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

#forgot_password_form_buttons {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

#media_label {
  font-weight: bold;
}

#registration {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#registration select, #registration table, #registration input[type=text], #registration input[type=password]  {
  width: 100%;
}
#registration #country, #registration #province, #registration #classroom, #registration #city, #registration #school {
  text-align: center;
}

#registration th {
  width: 35%;
}

#birthdate select {
  width: auto;
  margin-right: 3%;
}

#registration td, #registration th {
  padding-bottom: 1%;
}

#curricula_table td {
  text-align: center;
}