/* ---------------Global Styles--------------- */
a { color: #004469; text-decoration: none; }
a:hover { text-decoration: underline; color: #004469;}
a:visited {  }
h1 { color: #004469; font-size: 24px; font-family: Georgia, Times New Roman, Times, serif;}
h2 { color: #004469; font-size: 20px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 400;  }
h3 { color: #000000; font-size: 14px; font-family: Georgia, Times New Roman, Times, serif;}
h4 { color: #004469; font-size: 14px; font-family: Georgia, Times New Roman, Times, serif; }

.container { width: 976px; margin:0 auto; padding: 0; clear: both; }

body { color:#666666;  }
#page { background: #025889 url(graphics/design/bg.jpg) repeat-x top left; margin:0 auto; padding: 0; }
#pageInt { background: #025889 url(graphics/design/int_bg.jpg) repeat-x top left; margin:0 auto; padding: 0; }

body, p, td, div { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

form, input { padding:0; margin:0; }
.center { text-align: center; }
.design { vertical-align: bottom; border: 0; }
.simpleLink, #footer a, #header a { color: #ffffff; text-decoration: none; }
.simpleLink:hover, #footer a:hover, #header a:hover { text-decoration: underline; }
.menuPipe, .menuPipeLink, .menuPipeLink:hover, .menuPipeLink:visited { color: #ffffff; }
.imageSmall { line-height: 1em; }


/* End Global Styles */

/* ---------------Design Styles--------------- */

#newsMenu { height: 31px; padding: 0px 40px;}
#menu_top { float: right; width: 300px; height: 26px; clear: both; text-align: right; padding: 5px 20px 0px 0px;}
#logoLogin { height: 115px; padding: 0px 40px;}
#logoHeader { float: left; width 317px; height: 115px }
#logoHeader h1 { display: none; }

#loginHeader { float: right; width: 301px; height: 113px; background: transparent url(graphics/design/login_bg.jpg) no-repeat top left; }
#loginHeader h1, #loginHeader p, #loginHeader div { color: #ffffff; text-align: center;}
#loginHeader p { padding: 0px 0px 3px 0px; margin: 0; }
#loginHeader h1 { padding: 14px 0px 8px 0px; margin: 0; }

#flashMenu { height: 250px; background: transparent url(graphics/design/flash_bg.jpg) no-repeat top left; }

#homeWelcome { float: right; width: 700px; height: 175px; }
#homeWelcome h1, #homeWelcome p, #homeWelcome div { color: #ffffff; text-align: center;}
#homeWelcome h1 { color: #ffffff; text-align: center;}
#homeWelcome h1 { font-size: 30px;  padding: 56px 0px 0px 0px; margin: 0; }
#homeWelcome p { font-size: 16px; padding: 0px 0px 10px 0px; margin: 0; }

#contentHome { background: transparent url(graphics/design/home_content_bg.jpg) no-repeat top left; height: 400px;
 clear: both; }
 html>body #contentHome { height:auto; min-height: 400px; }
*html #contentHome { height: 500px; }
#contentHome:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#left { float: left; width: 205px;}
#middle { float: left; width: 579px; min-height: 400px; }
#right { float: left; width: 186px; }
#contentHome #right { padding-top: 70px; }

#flashInt { padding: 0px 40px; height: 169px; background: transparent url(graphics/design/flash_int.jpg) no-repeat 40px 36px; }

#contentInt #middle { padding-top: 22px; }
#contentInt #right { padding-top: 22px; }
#contentInt { height: 400px; clear: both; padding-bottom: 10px;}
 html>body #contentInt { height:auto; min-height: 400px; }
#contentInt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#intMiddle { background: #e5e4dc url(graphics/design/int_content_bg.jpg) no-repeat top left; width: 579px; }
#intMiddle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contentPad { padding: 0px 35px 35px 35px; }
#intMiddle h1 { color: #ffffff; padding: 7px 0px 25px 0px; background-color: transparent; }
#intMiddle h2 { margin: 0; padding: 15px 0px 10px 0px; }
#intMiddleFooter { background: #d2d2c8 url(graphics/design/int_content_footer.jpg) no-repeat top left; 
 width: 579px; height: 7px; font-size: 1px; line-height: 1px;}

#printSend { float: right; width: 189px; height: 24px; padding: 12px 10px 0px 0px; margin: 0; }
#printSend div { float: right; font-size: 10px; color: #ffffff; height: 16px; } 
#printIcon {  width: 71px; padding: 0px 1px 0px 14px;
 background: transparent url(graphics/design/icon_print.jpg) no-repeat left 3px; border-right: 1px dotted #ffffff;}
#sendIcon { width: 75px; padding: 0px 0px 0px 22px; 
 background: transparent url(graphics/design/icon_send_page.jpg) no-repeat 6px 4px; }
#printSend a { color: #ffffff; }

#officeHours { width: 135px; height: 162px; padding: 8px; margin-left: 36px; background: transparent url(graphics/design/hours_bg.jpg) no-repeat top left;}
#officeHours h2, #officeHours h3, #officeHours p { text-align: center; padding: 0; margin: 0; }
#officeHours h2 { border-bottom: 3px double #99B3C1; }
#officeHours h3 { font-size: 12px; padding-top: 10px;}
#officeHours p { line-height: 14px; }

#bannerColonCancer { padding-left: 137px; height: 69px; }
#contentHome #bannerVideo { padding: 0px 0px 10px 17px; }
#contentInt #bannerVideo { padding: 0px 0px 10px 17px; }
#bannerRight1, #bannerRight2, #bannerRight3, #bannerRight4, #bannerRight5 { padding: 0px 0px 10px 21px; }


#footer { height: 170px; background: #01517e url(graphics/design/footer_bg.jpg) repeat-x top left; color: #ffffff;}
#menu_footer { text-align: center; padding: 17px 10px 15px 10px; }
#footerSep { width: 976px; height: 2px; background: transparent url(graphics/design/footer_sep.jpg) no-repeat top left; font-size: 1px; line-height: 1px; }
#footerWebpage { padding-top: 10px; }
#footerWebpage p { color: #ffffff; font-family: Georgia, Times New Roman, Times, serif; }
#footer .menuPipeLink { color: #ffffff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#empowered { line-height: 1.3em; width: 150px; padding: 0px 20px 10px 400px; }

/* End Design Styles */

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; color: #004469; }
/* End Send Page Styles */


/* ModuleBegin::news */

.newsListHomeWrapper { float: left; width: 500px; height: 26px; padding: 5px 0px 0px 0px; }
.newsListHomeWrapper h2 { color: #d67c14; font-size: 12px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
.newsListHomeWrapper a { color: #ffffff; }

.newsListWrapper { clear: both; }
.newsListWrapper h2 { margin-top: 0px; }
.newsListWrapper .newsThumbnail { float: left; }
.newsListWrapper .newsThumbnail img { margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #ccc; }
.newsListWrapper .newsPublish { }
.newsListWrapper .newsBlurb { }

.newsDetailWrapper { }
.newsDetailWrapper .newsPublish, .newsDetailWrapper .newsAuthor, .newsDetailWrapper .newsSource { display: block; }
.newsDetailWrapper .pagination { height: 50px; }
.newsPublish { }
.newsAuthor { }
.newsAuthorLink { }
.newsSource { }
.newsBody { clear: both; }
.newsCopyright { clear: both; }
.newsMore { }

/* ModuleEnd::news */

/* ModuleBegin::faq */
.faqWrapper { }
.faqWrapper dd { margin: 0;}
.faqQ,.faqA { font-family: Georgia, Times New Roman, Times, serif; font-size:200%; line-height: 35px; }
.faqWrapper dd a.top {float:right;}
.faqWrapper dd {padding-bottom: 20px; }

#faqRoot {margin: 0 auto;padding: 0;}
#faqindex { display: none; }
#faqList { }
#faq {margin-bottom: 25px;}
#faq .faqcontent {margin: 0 10px 0 15px;}
#faq h2.faqopened, #faq h2.faqclosed {line-height: 24px; cursor: pointer;padding: 0 0 0 15px;border-bottom: solid 1px #cccccc;margin-bottom: 0;}
#faq h2.faqclosed:hover {color: #004469;}
#faq h2.faqclosed {background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 10px; padding-bottom: 10px; margin-bottom: 10px; }
#faq h2.faqopened {color: #004469;background: transparent url(graphics/jquery/expanded.gif) no-repeat scroll 0 10px;}

/* ModuleEnd::faq */

/* ModuleBegin::directory */

.topDoctorWrapper { background: #d2d2c8 url(graphics/design/home_middle1_bg.jpg) no-repeat top left; width: 549px; padding: 0px 15px 15px 15px; }
.topDoctorPhoto { background-color: #ffffff; }
.topDoctorPhoto img { background-color: #ffffff;  float: left; border: 1px solid #cccccc; padding: 5px; margin: 15px 15px 10px 0px; }
.topDoctorWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.topDoctorWrapper h1 { color: #ffffff; padding: 7px 0px 0px 0px; }
.topDoctorsLink { text-align: center; font-size: 14px; font-weight: bold; padding: 10px 0px;}

.staffDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.staffPhoto { float: left; margin: 0px 10px 5px 0px; background-color: #ffffff;}
.staffPhoto img { background-color: #ffffff;  float: left; border: 1px solid #cccccc; padding: 5px; }

.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory */

/* ModuleBegin::events */
/* Events Lister */
.eventsListerWrapper { }
.eventDateHeading { font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* Events Detail */

.eventsHomeListerWrapper { background: #d2d2c8 url(graphics/design/home_middle2_bg.jpg) no-repeat top left; width: 549px; padding: 0px 15px 15px 15px; }
.eventsHomeListerWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.eventsHomeListerWrapper h1 { color: #ffffff; padding: 7px 0px 0px 0px; }
.eventsHomeListerWrapper h2 { margin: 0; padding: 15px 0px 0px 0px; }
.eventsHomeListerFooter { background: #d2d2c8 url(graphics/design/home_middle2_footer.jpg) no-repeat top left; 
 width: 579px; height: 7px; font-size: 1px; line-height: 1px;}


.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
 .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
 .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
 .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
 .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* Events Small Calendar */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* Events Month at a Glance */
.calendarWrapper table { width: 100%; table-layout: fixed; }
.calendarWrapper .calendarMonths { background-color: #000; text-align: center;  vertical-align: middle; }
.calendarWrapper .calendarMonths a { display: block; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px; }
.calendarWrapper .calendarMonths a:hover { background-color: #ccc; color: #000; }
.calendarWrapper .calendarDays { border-collapse: collapse; table-layout: fixed; }
.calendarWrapper .calendarDays .title { font-size: 14px; font-weight: bold; color: #000; padding: 10px 0px; }
.calendarWrapper .calendarDays .normal { display: none; }
.calendarWrapper .calendarDays td { text-align: center; border: 1px solid #000; font-weight: bold; }
.calendarWrapper .calendarDays .weekdays { height: 30px; background-color: #000; color: #fff; }
.calendarWrapper .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #efefef; }
.calendarWrapper .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #ccc; padding-left: 5px; color: #000; }
.calendarWrapper .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
.calendarWrapper .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background-color: #000; padding: 0px 5px 5px 5px; color: #fff; }
.calendarWrapper .calendarDays .eventOn a { color: #ffffff; }
.eventsGlanceWrapper {  }
/* ModuleEnd::events */


/* MenuBegin:menu_main */
#contentHome #menu_main { padding: 70px 0px 40px 30px; }
#contentInt #menu_main { padding: 22px 0px 40px 30px; }

ul.menu_main ,ul.menu_main li,ul.menu_main ul { margin: 0; border: 0; padding: 0; list-style: none; width: 180px; }

/* 1st Level */
ul.menu_main li a { color: #fff; background: transparent; text-align: left; padding: 3px 10px; 
 font: normal 14px Trebuchet MS, Arial, Helvetica, sans-serif; display: block;}
ul.menu_main li a:hover { color: #fff; }

/* 2nd Level */
ul.menu_main li li a { font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; padding: 1px 10px 1px 20px;}


/* 3rd Level */

/* 4th Level */


/* MenuBegin:menu_small */
#menu_small { padding: 0px 0px 0px 55px; }
ul.menu_small { margin: 0; border: 0; padding: 0; list-style: none; line-height: 36px; }
ul.menu_small li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_small ul { margin: 0; border: 0; padding: 0; list-style: none; width: 180px; display: none; position: absolute; top: 36px; left: 0; }
ul.menu_small ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_small a { color: #fff; background: transparent url(graphics/design/menu_small_bg.jpg) no-repeat top right; 
 text-decoration: none; width: 205px; text-align: center; 
 padding: 0px 0px; font: bold 15px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
 filter: alpha(opacity=80) /* for IE */; opacity: 0.8 /* CSS3 standard */;
 float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_small a:hover,
ul.menu_small li:hover a,
ul.menu_small a:hover,
ul.menu_small li.over a { text-decoration: underline; }
ul.menu_small a.first { background: transparent url(graphics/design/menu_small_home_first.gif) no-repeat top right; width: 212px; padding-right: 20px;} 
ul.menu_small a.last { background: transparent url(graphics/design/menu_small_home_last.gif) no-repeat top right; width: 235px;} 

/* 2nd Level */
ul.menu_small li:hover li a,
ul.menu_small li.over li a { color: #fff; background: #195D80; text-decoration: none; float: none; width: 185px; padding: 10px;
 font: bold 15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; 
 border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
ul.menu_small li:hover li a:hover,
ul.menu_small li:hover li:hover a,
ul.menu_small li.over li a:hover,
ul.menu_small li.over li.over a { text-decoration: underline; }
ul.menu_small li:hover li a.last {  }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_small li:hover ul,ul.menu_small li.over ul { display: block; }
ul.menu_small .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_small */

#menu_small_int { margin: 0; padding: 0; border: 0; width: 896px; height: 36px;
 background: transparent url(graphics/design/menu_small_int_bg.jpg) repeat-x top left; }

/* MenuBegin:menu_small_int */
ul.menu_small_int { margin: 0; border: 0; padding: 0; list-style: none; line-height: 36px; }
ul.menu_small_int li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_small_int ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 36px; left: 0; }
ul.menu_small_int ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_small_int a { width: 111px; color: #fff; background: transparent url(graphics/design/menu_small_bg.jpg) no-repeat top right; 
text-decoration: none; text-align: center; padding: 2px 10px 0px 10px; font: normal 17px/34px "Trebuchet MS", Helvetica, sans-serif; 
 float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_small_int a:hover,
ul.menu_small_int li:hover a,
ul.menu_small_int a:hover,
ul.menu_small_int li.over a { text-decoration: underline; }
ul.menu_small_int a.first { width: 182px; padding-right: 40px; background: transparent url(graphics/design/menu_small_int_first.jpg) no-repeat top right; }
ul.menu_small_int a.last { width: 236px; padding-right: 20px; background: transparent url(graphics/design/menu_small_int_last.jpg) no-repeat top right; }


/* 2nd Level */
ul.menu_small_int li:hover li a,
ul.menu_small_int li.over li a { color: #fff; background: red; text-decoration: none; float: none; }
ul.menu_small_int li:hover li a:hover,
ul.menu_small_int li:hover li:hover a,
ul.menu_small_int li.over li a:hover,
ul.menu_small_int li.over li.over a { text-decoration: underline; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_small_int li:hover ul,ul.menu_small_int li.over ul { display: block; }
ul.menu_small_int .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_small_int */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::blog */
.blog {width: 375px; float:left; }
.blogListWrapper, .blogCommentsWrapper { margin-right: 10px; }
.blogDate{ font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.blogInfo { }
.blogBody { }
.blogComments { }
.blogListWrapper .blogComments { text-align: right; }

.blogCommentsWrapper { }
.blogPrivate { }
.blogCommentBody { }
.blogCommentsWrapper .blogInfo { padding-top: 10px;}

.blogAddCommentsWrapper { padding: 0px 80px; }
.blogAddCommentsWrapper div { padding: 2px 0px; }

.blogArchiveWrapper {float: right; width: 115px;}
.blogArchiveWrapper a { text-decoration: none; }
.blogArchiveWrapper a:hover { text-decoration: underline; }
.blogArchiveYear { font-weight: bold; padding-top: 10px; }
.blogArchiveMonth { padding-left: 20px; }
/* ModuleEnd::blog */



/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {color:#ccc;font-size:90%;}
.thumbnail {float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:150px;}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */