@import "point_history.css";
h3 {
color:#0077aa;
font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}
/*Header*/
#pageheader {width:100%; height:70px; background-color:#FFFFFF;}
#pageheadercenter {width:900px;}
.searchbar {float:right; color:#669999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal; float:right; height:30px;line-height:30px; display:block;}
.searchbar img {vertical-align:middle; margin-bottom:4px;}
.searchbar .NormalTextBox { font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal; color:#666666; vertical-align:middle; margin-top:0px; margin-bottom:6px; border: 1px solid #cccccc; padding:2px;}
.loginlink {width:50px;float:right; height:30px;line-height:30px; display:block;}
.loginlink a {color:#0077aa; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
.loginlink a:hover {color:#ff9933; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
a.button_logo {margin-top:15px;float:left; display: block; width: 170px; height: 50px; text-decoration: none; background-image: url(images/logo_roll.gif);}
a.button_logo:hover {background-position: -170px 0;}
.displace{position: absolute;left: -5000px;}
.tagline {float:right; margin-top:15px; display:block; clear:right;}

/*Nav*/
.navlinks {float:left; width:700px;}
#navbar {height:30px; width:100%; background-color:#ffffff; border-bottom:6px solid #FF9933;}
#nav {height:30px; width:900px;  margin-left:auto; margin-right:auto;}

.SEOMenuMain {display:inline; height:30px; list-style-type:none; list-style-image:none; z-index:9999; width:auto; padding:0;}
.SEOMenuMain ul {list-style-type:none; list-style-image:none; list-style-image:none; margin:0;padding:0;}
.SEOMenuMain ul li {float:left; position:relative;list-style-type:none;list-style-image:none;}
.SEOMenuMain ul li a, .SEOMenuMain ul li a:visited{width:auto; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;display:block;text-decoration:none;float:left;padding-right:20px; height:30px;line-height:30px;color:#0077aa; z-index:1000;}
.SEOMenuMain ul li:hover {width:auto;list-style-type:none; list-style-image:none;text-decoration:none;z-index:1000; text-align:left;}
.SEOMenuMain ul li:hover a, .SEOMenuMain ul li a:hover {height:30px; width:auto; color:#ff9933;text-decoration:none; border-width:0;text-align:center;z-index:1000;}
.SEOMenuMain ul li ul {display:none;list-style-type:none; list-style-image:none; position:relative;z-index:1000}
.SEOMenuMain table {border-collapse:collapse;font-size:12px;position:absolute;top:0;left:0;z-index:1000;margin:0}
.SEOMenuMain ul li:hover ul, .SEOMenuMain ul li a:hover ul {display:block; position:absolute;top:30px; margin-top:0;left:0;width:150px;list-style-type:none;z-index:1000; border-top:0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.SEOMenuMain ul li b {font-weight:normal}
.SEOMenuMain ul li:hover ul li ul, .SEOMenuMain ul li a:hover ul li a ul {position:absolute;display:none;list-style-type:none; list-style-image:none;z-index:1000}
.SEOMenuMain ul li:hover ul li { border:0px; width:150px; background-color:transparent;}
.SEOMenuMain ul li:hover ul li a, .SEOMenuMain ul li a:hover ul li a {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; border-top:1px solid #dddddd; padding-left:10px; padding-right:10px; display:block;color:#0077aa;height:auto;line-height:27px;width:130px ;font-size:12px;font-weight:normal; background-color:#ffffff; text-align:left;z-index:1000; }
.SEOMenuMain ul li:hover ul li a.drop, .SEOMenuMain ul li a:hover ul li a.drop {background-color:transparent; z-index:1000}
.SEOMenuMain ul li:hover ul li a:hover, .SEOMenuMain li a:hover ul li a:hover, .SEOMenuMain ul li a:hover ul li a:hover.drop {filter:alpha(opacity=100); -moz-opacity:1; opacity:1.0; color:#ffffff; border-top:1px solid #dddddd; background-color:#ff9933; background-image: url(images/dropdown_on.gif); text-decoration:none;z-index:1001}
.SEOMenuMain ul li:hover ul li a:hover.drop {color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li:hover ul li:hover ul {display:block;position:absolute;left:148px;top:0px;color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li:hover ul li:hover ul li a, .SEOMenuMain ul li a:hover ul li a:hover ul li a {color:#3299cc;z-index:1000;background:#C82D3A}
.SEOMenuMain ul li:hover ul li:hover ul li a:hover, .SEOMenuMain ul li a:hover ul li a:hover ul li a:hover {color:#3299cc;background:#b5b5b5;z-index:1000}
.SEOMenuMain ul li.* {margin:0 auto;z-index:1000}
.SEOMenuMain ul li:hover ul, .SEOMenuMain ul a:hover ul {visibility:visible;}
.SEOMenuMain ul li a:hover ul li a:hover ul{visibility:visible;position:absolute;top:0px;color:#000;left:170px;z-index:1000}


/*Home*/
#home_content {width:100%; background-color: #ffffff; background-image: url(images/wildcards_bg.gif); background-repeat:repeat-x;}
.home_contentpane {vertical-align:top; width:920px;}
#home_hero {width:100%; background-color: #0077aa; background-image: url(images/interior_bg.gif); background-repeat:repeat-x;}
.home_herocontentpane {vertical-align:top; width:920px;}

/*Interior*/
#interior_content {width:100%; background-color: #0077aa; background-image: url(images/interior_bg.gif); background-repeat:repeat-x;}
#interior_contentbox {width:860px; padding:10px 30px 10px 30px; background-image: url(images/interiorbox_bg.gif); background-repeat:repeat-y;}
*:first-child+html #interior_contentbox {padding-left:25px;}
#interior_contentboxtop {width:920px; background-image: url(images/interiorboxtop_bg.gif); background-repeat:no-repeat;height:20px;}
#interior_contentboxbottom {width:920px; background-image: url(images/interiorboxbottom_bg.gif); background-repeat:no-repeat;height:20px;}
.interior_contentpane {vertical-align:top; width:500px; background-color: #ffffff;}
.interior_left_top_align {align: top; vertical-align:top; background-color: #ffffff;}
.dnn_contentpaneright {width:250px;}
.dnn_contentpanerightreg {width:250px; padding-left: 20px;}
/*Landing*/
.landing_contentpane {vertical-align:top; width:600px; background-color: #DDF0FF;}
.landing_rightpane { background-color: #FFFFFF;width:250px; padding-left: 20px;}
.landing_contentpanebottomLast { background-color: #FFFFFF;width:250px; padding-left: 20px;}
/*GeoPage*/
.geopage_headercontentpane {vertical-align:top; width:640px; background-color: #ffffff; padding: 0px 10px 0px 0px;}
.geopage_leftcontentpane {vertical-align:top; width:180px; background-color: #ffffff; padding: 0px 10px 0px 0px;}
.geopage_contentpane {vertical-align:top; width:440px; background-color: #ffffff; padding: 5px 10px 0px 10px;}
.geopage_rightcontentpane {vertical-align:top; width:200px; background-color: #ffffff; padding: 0px 0px 0px 10px;}

/*Buttons*/
a.btn_ckdChain {float:left; width: 284px; height: 51px; text-decoration: none; background-image: url(images/btn_ckdChain.gif);}
a.btn_ckdChain:hover {background-position: -284px 0;}
a.btn_Stats {float:left; width: 284px; height: 51px; text-decoration: none; background-image: url(images/btn_upAgainst.gif);}
a.btn_Stats:hover {background-position: -284px 0;}
a.btn_aboutKidneys {float:left; width: 284px; height: 51px; text-decoration: none; background-image: url(images/btn_aboutKidneys.gif);}
a.btn_aboutKidneys:hover {background-position: -284px 0;}

/* KWSignUp Module */
.kwsignup_form_title 
{
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    text-align: justify;
    line-height: 1.3em;
    font-weight: bold;
    word-spacing: 1px;    
}
.kwsignup_form_labels, .kwsignup_form_input 
{   
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    text-align: justify;
    line-height: 1.3em;
    font-weight: lighter;
}
.kwsignup_form_notes, .kwsignup_form_notes *
{
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    text-align: justify;
    line-height: 1.3em;
    font-weight: lighter;
}



/*Footer*/
#footer {width:900px; margin-left:auto; margin-right:auto; margin-top:15px; background-color: #ffffff; background-image: none; padding-bottom:20px;}
.footertext {float:left; color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-align:left;}
.footertext a {color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal; text-decoration:none;}
.footertext a:hover {color:#999999; font-family: "trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;text-decoration:underline;}
.poweredby501 {float:right;}
.printlink { clear:both;}


div {text-align:left}
div.PageMaster {text-align:center;width:100%;background:#FFF}
div.SkinMaster {margin:0 auto;text-align:center;width:960px}
div.SkinHeader {float:left;height:94px;margin:0;width:960px}

/*.testAri{
	text-align:center;
}*/


ul.stats li{
	list-style-type: square;
	color:#006699;
	margin-left: -25px;
	text-align: left;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}

ul.stats li span{
	color:#000000;
}



div.greenContainer {height:50px;width:960px;overflow:hidden;background:transparent url('images/controlBarBG.jpg');float:left}
div.User {height:50px;width:890px;overflow:hidden;float:left}
div.resizer {text-align:center;height:50px;width:69px;overflow:hidden;float:left;color:#FFF;border-left:1px dotted #FFF;margin-top:2px;font:normal 12px Arial}
.content {margin-top:20px;width:960px;float:left}
.leftpane {width:183px}
.contentpane {width:500px;margin-left:20px;}
.contentpaneRegistration {width:400px;margin-left:20px}
.contentpaneInternal {width:757px;margin-left:20px}
.contentpaneAdmin {width:941px;margin-left:10px;margin-right:10px}
.rightpane {width:237px;margin-left:20px}
.leftpaneBottom {width:369px;margin-left:20px}
.rightpaneBottom {width:369px;margin-left:20px}
.BottomPane {width:735px;margin-left:20px}
.SkinObject3 {color:#666;text-decoration:none;font:normal 12px Arial}
A.SkinObject3:link {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:visited {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:active {text-decoration:none;color:#666;font:normal 12px Arial}
A.SkinObject3:hover {text-decoration:underline;color:#666}
.usrLabel {color:#FFF;font:normal 12px Arial}
.passLabel {border-right:1px dotted #FFF;color:#FFF;font:normal 12px Arial}
.cmdLogin {margin-top:4px}
a.login,a.login:link,a.login:visited,a.login:active {text-decoration:none;font:12px Arial}
a.login:hover {text-decoration:underline}
div.loginDiv {text-align:left;width:960px;float:left}
.footer {padding-top:5px;float:left;width:960px}
.imgWidthShow {display:none}
#tbMainSizer {text-align:center}
.lnkTitle {padding-left:40px}
A.lnkTitle:link {}
A.lnkTitle:visited {}
A.lnkTitle:active {}
A.lnkTitle:hover {}
.lnkTitle a {padding-left:0px;}
.lnkYear {color:#FFFFFF}
.lnkMonth {padding-left:20px; color:#FFFFFF}
A.lnkMonth:link {padding-left:20px}
A.lnkMonth:visited {padding-left:20px}
A.lnkMonth:active {padding-left:20px}
A.lnkMonth:hover {padding-left:20px}
.lnkCount {padding-left:2px; color:#FFFFFF}
.bulletParent {color:#C03;text-align:left;list-style:square}
.bulletSon1 {color:#C03;text-align:left;list-style:disc}
.bulletSon2 {color:#C03;text-align:left;list-style:circle}
.bulletSon3 {color:#C03;text-align:left;list-style:disc}
.lblLogin {display:none;}
.cmdPrint {display:none;}
.lnkTrackBack {display:none;}
.SearchOptions {padding:0px;}

/*Tooltip*/
#tt {
 position:absolute;
 display:block;
 background:url(http://kidneywise.org/Portals/0/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(http://kidneywise.org/Portals/0/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#CEF;
 color:#07a;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(http://kidneywise.org/Portals/0/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}
.hotspot {color:#007fc4; padding-bottom:1px; cursor:pointer; font-family: Arial, Helvetica, sans-serif;}

/*.ttfont {font-family:Arial,Helvetica,sans-serif; font-size:9px; font-weight:normal; color:#FFFFFF;}
#text {font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:normal; color:#FFFFFF;}*/


/* Bewise */

.BigBlackLetters {
 font-size: 18px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #0077aa;}
	
	
.BigBlackLettersMedium {
	font-size: 18px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bolder;}
	
.BigBlackLettersMediumSmall {
	font-size: 14px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000000;
    
    font-weight: bolder;}
	
	
.MediumBlackLetters {
	font-size: 15px;
    font-family:  Arial, Helvetica, sans-serif;
    color: #000000;
    }
	
.BlackFormLetters {
	font-size: 13px;
	font-weight:bold;
    font-family:  Arial, Helvetica, sans-serif;
    color: #000000;
    }
	
.MediumWhiteLetters {
	font-size: 15px;
    font-family:  Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }	
	
.BigBlueLetters {
	font-size: 22px;
    font-family:  "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #0077aa;
    }
	

.SmallBlackLetters {
	font-size: 11px;
    font-family: "trebuchet MS";
    color: #000000;
    font-weight: bolder;}
.SmallGreyLetters {
	font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color:#99999;
	}
	
	
.SmallRedLetters {
	font-size: 11px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color:red;
    font-weight: bolder;}
	
	
.RedLetters{
 font-size: 14px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color : #951218;

    font-weight: bolder;}
	
a.hyperlink:link
{
	font-size: 10px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0077aa;
	
	

}

a.hyperlink:visited
{
	font-size: 10px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0077aa;
	
}

a.hyperlink:hover
{
	font-size: 10px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff9933;
	}

a.hyperlink:active
{
	font-size: 10px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff9933;
}

a.lnkRewardHelplet:link, a.lnkRewardHelplet:visited
{
    font-size: 13px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0077aa;
}
a.lnkRewardHelplet:hover , a.lnkRewardHelplet:active 
{
    color: #ff9933;
}
	
A:link
{
	font-size: 13px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0077aa;
	font-weight: bold;
	

}

A:visited
{
	font-size: 13px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0077aa;
	font-weight: bold;
}

A:hover
{
	font-size: 13px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff9933;
	font-weight: bold;
}

A:active
{
	font-size: 13px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff9933;
	font-weight: bold;
}


.lblPoints 
{
    font-size:11px;
}

.tblProjects 
{
    border-collapse: collapse;
    background-color: #DDDDDD;
	border-bottom: 1px solid #000000;
}

.ProjectsTextMini
{
    font-size: 12px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000000;    
}

.ProjectsTextMedium 
{
    font-size: 14px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bolder;   
    
}

.tblProjects th 
{
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bolder;
    border-bottom: 1px solid #000000;
}

/*.tblProjects td 
{
    border-top: 1px solid #000000;
}*/

.tblProjects .colRight
{
    border-right:1px solid #000000;
}

.tblProjects .colLeft
{
    border-left:1px solid #000000;
}

/*.projectTop
{
    border-top: 1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-collapse: collapse;
    
}*/

/*.projectBottom
{
    
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-collapse: collapse;
}*/

.projectTop td, .projectBottom td {padding:5px;}

.newlabel
{
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    color: #E28504;
}

/* new style btns menu */
a.btn-menu {height:26px;width:162px; float:left;height:27px; display:block; overflow:hidden;margin-top:6px; clear:both;}	
a.btn-menu:link,a.btn-menu:active,a.btn-menu:hover ,a.btn-menu:visited {color: #FFF; text-decoration:none;}
.btn-menu-left{height:26px; width:12px; overflow:hidden; float:left; background-image:url(images/btn-left.gif)}
.btn-menu-center{
background-repeat:repeat-x;
float:left;
height:32px;
overflow:hidden;
}
.menu-name{font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold;color:#ffffff; float:left;}
.menu-number{font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal;color:#ffffff; float:right;margin-left:-59px;}
.btn-menu-right{height:26px; width:16px; overflow:hidden; float:left; background-image:url(images/btn-right.gif)}
/* end new style btns menu */


.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}


.feedbackmodule
{
position:fixed;
left:0;
top:50px;
left:0px;
}
.formfeedback
{
float:left;background:#CCCCCC;width:300px;padding-left:10px;height:600px;
}
.wcol1
{
	width: 150px;
}
ul.list {
border: 1px solid #009;
list-style-type: none;
margin: 0px;
background-color: #FFF;
text-align: left;
padding:0px;
padding-left:5px;
}

ul.list li {
padding: 2px 5px;
padding-left:0px;
list-style-type: none;
padding-bottom:10px;
list-style-type: none;
cursor:pointer;
}

.listitem{
color: #00A;
}

.hoverlistitem {
background-color: #F0F8FF;
}
.groupInfo
{
color:#0077AA;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
}


/*Photo gallery styles*/
.photosPreview{position:relative; width:635px;}
.photosPreview .viewAll{display:inline; position:relative; z-index:10}
.photosPreview td{padding:20px;}
.photosPreview .pagination {position:absolute; margin-top:-20px; right:10px; z-index:9;}
.photosPreview .pagination td{padding:0;}
.photosPreview .photosImg {width:152px; height:105px; margin:0 0 10px; text-align:center; overflow:hidden; border:1px solid #CCC; padding:5px; display:table-cell; vertical-align:middle;/*font-size:94px;*/}

.photosPreviewWidget{position:relative;width:162px;}
.photosPreviewWidget td{padding:5px;}
.photosPreviewWidget .photosImg {width:152px; height:105px; margin:0 0 10px; text-align:center; overflow:hidden; border:1px solid #CCC; padding:5px; display:table-cell; vertical-align:middle;font-size:94px;}


.ajax__tab_header {
	background:url("images/WebResource.axd.gif") repeat-x scroll center bottom transparent;	
	font-family:verdana,tahoma,helvetica;
	font-size:11px;
}

.ajax__tab_body 
{
	background-color:#EAF5FB;
	border-style:none solid solid;
	border-width:0 1px 1px;
	border-color:#cccccc;
}
.ajax__tab_tab
{
	background-color:#eeeeee;
	color:#000000;
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
}


.DNNAlignleft .ajax__tab_default .ajax__tab_tab {
cursor:pointer;
display:inline-block;
margin-left:1px;
overflow:hidden;
padding:4px;
padding-bottom:0px;
text-align:center;
margin-right:0px;
	background:url("images/tabbackground.jpg") repeat-x scroll 0 0 transparent;

}

.DNNAlignleft .ajax__tab_active .ajax__tab_tab 
{
	background-color:#EAF5FB;
	color:#000000;
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	background:url("images/tabbordertop.jpg") repeat-x scroll 0 0 transparent;

}

 .ajax__tab_outer {
background:url("images/tabborderright.jpg") no-repeat scroll right center #eaf5fb;
padding-right:4px;
}
 .ajax__tab_inner {
background:url("images/tabborder.jpg") no-repeat scroll 0 0 #eeeeee;
}
.interior2_rightcontentpane {vertical-align:top;}
.interior2_headercontentpane {vertical-align:top;}
.ajax__tab_active .ajax__tab_outer {
background:url("images/tabborderright.jpg") no-repeat scroll right center #eaf5fb;
padding-right:4px;
}
.ajax__tab_active .ajax__tab_inner {
background:url("images/tabborder.jpg") no-repeat scroll 0 0 #eaf5fb;
}
.ajax__tab_active .ajax__tab_top {


}


#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}