/**************** FONTS ******************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body { font:13px #fff "Century Gothic", verdana, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
table { font-size:inherit;font:100%; }

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea { font:99% arial,helvetica,clean,sans-serif; }

/**
 * Bump up !IE to get to 13px equivalent
 */
pre { font:115% monospace;*font-size:100%;background-color: #eee;padding: 10px;overflow: auto; margin-left: 0px; margin-right: 0px; color: #333; min-height: 3em;}

code { font:115% monospace;*font-size:100%;padding: 2px;overflow: auto; margin-left: 0px;, margin-right: 0px; color: #333; }

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * { line-height:1.22em; }

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

/* fonts-min file
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body { font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%; }
select, input, textarea { font:99% arial,helvetica,clean,sans-serif;}
pre, code { font:115% monospace;*font-size:100%;}
body * { line-height:1.22em; }

/* TODO: Set these images! */
a.external {
	background: url('images/externalLink.gif') no-repeat right top;
	padding-right: 10px;
}
a.internal { background: url('images/arrow.png') no-repeat right top; padding-right: 18px; }
a.internal.small { background: url('images/arrow10.png') no-repeat right top; padding-right: 14px; }
a:hover.internal { background-image: url('images/arrow-on.png'); }
a:hover.internal.small { background-image: url('images/arrow10-on.png'); }


/**************** LAYOUT ******************************/

body { margin: 0; padding: 0; }
ul, ol { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

a img { border: none; }

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; }
#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: 47px;
}


#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; }
#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; }


#left_column,
#right_column { padding-top: 0; }
#middle_column { min-height: 500px; }
.pictureLink { float: left; }
.widget .userPicture,
#left_column .widget .picturePicture,
#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; height: 362px; margin: 0 auto; background: transparent url(/images/plain_bg.png) no-repeat top left; }
#canvas.main-index #canvas-inner { width: auto; height: auto; background: none; }
#canvas.main-contact #canvas-inner { background-image: url(/images/contact_bg.jpg) }
#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; }

.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.users-edit { padding: 88px 230px 28px 0; }
#canvas.exchanges-index { padding: 61px 230px 28px 0; }
.users-edit #right_column,
.exchanges-index #right_column { position: fixed; right: 35px; top: 65px; width: 185px; }
.users-edit #middle_column,
.exchanges-index #right_column { padding-top: 0; }
.users-edit #middle_column-header,
.exchanges-index #middle_column-header { position: fixed; left: 5px; right: 235px; top: 45px; padding: 20px 0 0; height: 23px; border-bottom: 1px solid #4084AB; background-color: #AFCCF0; }

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

.column { padding: 5px; }
.widget { margin-bottom: 14px; }
.widget li { overflow: hidden; }

.widget .widgetHeader,
.widget .widgetHeader div { height: 25px; }
.widget .widgetHeader { 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 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; }

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

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

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

#users_profile-widget {}
#users_profile-widget .userPicture { float: left; }
#users_profile-widget .description { clear: both; }
#sendMessage-linker { padding-right: 18px; background: url(/images/messageIcon.png) no-repeat center right; font-weight: bold; }
.newBlog-linker { font-weight: bold; }

#userShow-menu { float: left; position: relative; height: 23px; }
#userShow-menu li { float: left; height: 23px; background: url(/images/tab-left.gif) no-repeat -1px 0; }
#userShow-menu li.first { background-position: top left; }
#userShow-menu li a { float: left; height: 15px; padding: 4px 24px; background: url(/images/tab-right.gif) no-repeat top right; font-weight: bold; }
#userShow-menu li.selected,
#userShow-menu li:hover { background-image: url(/images/tabSelected-left.gif); }
#userShow-menu li.selected a,
#userShow-menu 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; }

.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; }

#userEdit-notifiables,
#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 #000; 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; }
#exchanges_table tr { background-color: #E7F1FA; }
#exchanges_table tr.blank { background-color: #fff; height: 8px;  }

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */