/* SPECIAL LAYOUT */
/* Portal links eg: My Account */
.portal { }
.portal ul { list-style: none; margin:0em; padding:0; }
.portal ul li { padding:0 0 0 .25em; margin:8px 0; max-width:45em; height:2.5em; line-height:2em; overflow:hidden; }
.portal ul li a, .portal ul li a:visited { display:block; text-transform:capitalize; font-size:1em; text-decoration:none; color:#006; overflow:hidden; }
.portal ul li a:hover { font-size: 1em; color:#00f; }
/* SPECIAL LAYOUT */
/* Fancy navlinks: ![]()
eg: My Account */
a.navlink, a.navlink:visited { display:block; text-transform:capitalize; font-size:1em; text-decoration:none; color:#006; overflow:hidden;}
a.navlink:hover, a.navlink:visited:hover { color:#00f; }
a.navlink div.container { width:44em; margin:0; display:block; overflow:hidden; white-space:nowrap; background:#fff; }
a.navlink div span.linkimg { margin:0; width:32px; height:32px; background-image: url(/images/icons/nav-sprite.png); }
a.navlink div span { margin-left: .5em; line-height:2em; width:10em; display:inline-block; vertical-align:bottom; overflow:hidden;}
a.navlink div span.infotext {position:relative; margin-left: 1em; width:35em; line-height:2em; vertical-align:bottom; color:#999; }
a.navlink:hover div span.infotext { color:#336; }
a.navlink div span.linkimg.MyProfile { background-position: 0px 0px;}
a.navlink:hover div span.linkimg.MyProfile { background-position: -64px 0px;}
a.navlink div span.linkimg.MyAccount { background-position: 0px -64px;}
a.navlink:hover div span.linkimg.MyAccount { background-position: -64px -64px;}
a.navlink div span.linkimg.MySettings { background-position: 0em -128px;}
a.navlink:hover div span.linkimg.MySettings { background-position: -64px -128px;}
a.navlink div span.linkimg.MyActions { background-position: 0em -192px;}
a.navlink:hover div span.linkimg.MyActions { background-position: -64px -192px;}
a.navlink div span.linkimg.MyAttendance { background-position: 0em -256px;}
a.navlink:hover div span.linkimg.MyAttendance { background-position: -64px -256px;}
a.navlink div span.linkimg.MyFitness { background-position: 0em -320px;}
a.navlink:hover div span.linkimg.MyFitness { background-position: -64px -320px;}
a.navlink div span.linkimg.MyDocuments { background-position: 0em -384px;}
a.navlink:hover div span.linkimg.MyDocuments { background-position: -64px -384px;}
a.navlink div span.linkimg.News { background-position: 0em -448px;}
a.navlink:hover div span.linkimg.News { background-position: -64px -448px;}
a.navlink div span.linkimg.Calendar { background-position: 0em -512px;}
a.navlink:hover div span.linkimg.Calendar { background-position: -64px -512px;}
a.navlink div span.linkimg.Forum { background-position: 0em -576px;}
a.navlink:hover div span.linkimg.Forum { background-position: -64px -576px;}
a.navlink div span.linkimg.Vote { background-position: 0em -640px;}
a.navlink:hover div span.linkimg.Vote { background-position: -64px -640px;}
a.navlink div span.linkimg.MgrPending { background-position: 0em -1024px;}
a.navlink:hover div span.linkimg.MgrPending { background-position: -64px -1024px;}
a.navlink div span.linkimg.MgrProfile { background-position: 0em -1088px;}
a.navlink:hover div span.linkimg.MgrProfile { background-position: -64px -1088px;}
a.navlink div span.linkimg.MgrAccount { background-position: 0em -1152px;}
a.navlink:hover div span.linkimg.MgrAccount { background-position: -64px -1152px;}
a.navlink div span.linkimg.MgrAction { background-position: 0em -1216px;}
a.navlink:hover div span.linkimg.MgrAction { background-position: -64px -1216px;}
a.navlink div span.linkimg.MgrAttendance { background-position: 0em -1280px;}
a.navlink:hover div span.linkimg.MgrAttendance { background-position: -64px -1280px;}
a.navlink div span.linkimg.MgrFitness { background-position: 0em -1344px;}
a.navlink:hover div span.linkimg.MgrFitness { background-position: -64px -1344px;}
a.navlink div span.linkimg.SiteCalendar { background-position: 0em -1408px;}
a.navlink:hover div span.linkimg.SiteCalendar { background-position: -64px -1408px;}
a.navlink div span.linkimg.MgrDocuments { background-position: 0em -1472px;}
a.navlink:hover div span.linkimg.MgrDocuments { background-position: -64px -1472px;}
a.navlink div span.linkimg.SiteForum { background-position: 0em -1536px;}
a.navlink:hover div span.linkimg.SiteForum { background-position: -64px -1536px;}
a.navlink div span.linkimg.SiteArticles { background-position: 0em -1600px;}
a.navlink:hover div span.linkimg.SiteArticles { background-position: -64px -1600px;}
a.navlink div span.linkimg.RaceSeating { background-position: 0em -1664px;}
a.navlink:hover div span.linkimg.RaceSeating { background-position: -64px -1664px;}
a.navlink div span.linkimg.Equipment { background-position: 0em -1728px;}
a.navlink:hover div span.linkimg.Equipment { background-position: -64px -1728px;}
a.navlink div span.linkimg.EventMgr { background-position: 0em -1792px;}
a.navlink:hover div span.linkimg.EventMgr { background-position: -64px -1792px;}
a.navlink div span.linkimg.MailingLists { background-position: 0em -1856px;}
a.navlink:hover div span.linkimg.MailingLists { background-position: -64px -1856px;}
a.navlink div span.linkimg.WaterAdmin { background-position: 0em -1920px;}
a.navlink:hover div span.linkimg.WaterAdmin { background-position: -64px -1920px;}
a.navlink div span.linkimg.ToDo { background-position: 0em -2240px;}
a.navlink:hover div span.linkimg.ToDo { background-position: -64px -2240px;}
a.navlink div span.linkimg.AdminSite { background-position: 0em -2304px;}
a.navlink:hover div span.linkimg.AdminSite { background-position: -64px -2304px;}
a.navlink div span.linkimg.AdminMedia { background-position: 0em -2368px;}
a.navlink:hover div span.linkimg.AdminMedia { background-position: -64px -2368px;}
a.navlink div span.linkimg.AdminFiles { background-position: 0em -2432px;}
a.navlink:hover div span.linkimg.AdminFiles { background-position: -64px -2432px;}
a.navlink div span.linkimg.AdminTest { background-position: 0em -2496px;}
a.navlink:hover div span.linkimg.AdminTest { background-position: -64px -2496px;}
/* SPECIAL LAYOUT */
/* Mimetype icons for any application actions eg: My Account */
span.mimetype { display:inline-block; width:24px; height:24px; background-image:url(/images/icons/mimetype-sprite.png);}
span.mimetype.pdf { background-position: top left; }
/* SPECIAL LAYOUT */
/* ACtion Links for any application actions eg: My Account */
.actions { margin:0; }
.actions ul { list-style:none; padding-left:0; margin:4px 0 0 .5em; }
.actions ul li { position:relative; margin:8px 0; padding:0; max-width:15em; height:32px; line-height:2em; background:#fff; border:1px solid #babdb6;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
-webkit-border-top-left-radius: 1em;
-webkit-border-bottom-left-radius: 1em;}
.actions ul li.mini-actions { width:32px; float:right; margin:0 .75em; background-color:transparent;
border:2px solid #babdb6;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;}
.actions ul li span:first-child, .actions ul li img:first-child { float:left; display:inline-block; width:32px; height:32px; margin:0 8px 0 0; background-image:url(/images/icons/actions-sprite.png); }
.actions ul li a, .actions ul li a:visited { display:block; height:32px; line-height:2em; width:100%; text-decoration:none; color:#006; vertical-align:middle; }
.actions ul li:hover, .actions ul li a:hover li { color:#00f; background: #eeeeec; }
.actions.updates ul, .actions.updates ul li {margin:0; padding:0;}
a.actions:link, a.actions:visited { display:block; text-transform:capitalize; text-decoration:none; color:#006; line-height:1.5em; height:1.5em; }
a.actions:link span:first-child, a.actions:visited span:first-child { display:inline-block; width:32px; height:32px; margin-right:.5em; background-image:url(/images/icons/actions-sprite.png); }
span.add_news { background-position:0em 0px; } /* pencil */
span.rss { background-position:0em -64px; } /* rss signal */
span.update { background-position:0em -128px; } /* lightbulb */
span.add_user { background-position:0em -576px; } /* single person */
span.pending_accounts { background-position:0em -640px; } /* 2 people */
span.del_user { background-position:0em -256px; } /* cancel circle slash */
span.reset_user { background-position:0em -320px; } /* reset arrows */
span.search { background-position:0em -384px; } /* magnifying glass */
span.admin { background-position:0em -448px; } /* gear */
span.print { background-position:0em -512px; } /* printer */
span.create { background-position:0em -192px; } /* plus sign */
span.create_event { background-position:0em -704px; } /* clock */
span.view_event { background-position:0em -768px; } /* magnify clock */
span.view_user { background-position:0em -832px; } /* magnify person */
span.export { background-position:0em -896px; } /* sheet paper arrow out */
span.credit { background-position:0em -960px; } /* $- */
span.debit { background-position:0em -1024px; } /* $+ */
span.report { background-position:0em -1088px; } /* bargraph */
span.analyse { background-position:0em -1152px; } /* microscope */
/* SPECIAL LAYOUT */
/* Content boxes */
div.mugshot { width:80px; height:96px; padding:10px; border:1px solid #aaa; }
div.mugshot img { width:80px; height:96px; border:1px solid #000; }
div.mugshot div { line-height:1.5em; font-size:1em; margin:0 0 0 .5em; float:left; }
div.contactmug { float:left; height:7em; margin:0.125em; padding:0.125em 0; width:13em;}
div.contactmug img { float:left; height:6em; width:5em; border:1px solid #000; margin-right:1em; }
div.contactmug { float:left; font-size:1em; line-height:1.5em;}
.album { float:left; margin:.5em; text-align:center; }
.videoalbum { position:relative; text-align:center; border:1px solid #bdbdb7; margin:0 0 1.5em 0; padding:.5em 0 0 0; }
.videoalbum p { text-align:center; margin:0;}
.videoalbum object { width: 100%; }
.videoalbum embed { width: 100%; }
.polaroid { float:left; position:relative; width:12.5em; height:13em; border:1px solid #d3d7cf; background:#eeeeec; margin:0 .5em .5em 0; padding:.25em; }
.polaroid img { width: 10em; margin:.75em .75em 0 .75em; border:.25em solid #2e3436; }
.polaroid div { width:12.5em; text-align:center; position:absolute; bottom:.5em; }
ul.pointgrid { list-style:none; margin:0; padding:.25em; width:10em; overflow:hidden; }
ul.pointgrid li { float:left; margin:0 .25em; }
ul.pointgrid.user li { margin:0 .4em; }
.vertical_pagination { height:100%; text-align:center;}
.vertical_pagination span.disabled { color: #AAA; }
.vertical_pagination span.current { font-weight: bold; color: #FF0084; }
.vertical_pagination .prev_page { display:block; border: 1px solid #babdb6; color: #0063DC; padding:.25em; margin:.5em; }
table.data tbody .vertical_pagination a, .vertical_pagination a, .vertical_pagination .current { display:block; width:2em; border:1px solid #babdb6; margin:.5em; font-weight:bold;}
.vertical_pagination .next_page { display:block; border: 1px solid #babdb6; padding:.25em; margin:.5em; }
.vertical_pagination a:hover, .vertical_pagination a:focus { border-color: #003366; background: #0063DC; }
table.data tbody .vertical_pagination a:hover { color: #fff; }
table.data tbody tr.vertical_pagination_tr:hover { background-color:transparent; }
.timeline { height:3em; }
.timeline ul { list-style:none; padding-left:0; margin:.5em; }
.timeline ul li { position:relative; float:left; width:4em; height:2.25em; background:#fff; text-align:center; font-weight:bold; background: url('/images/layout/timeline-center.png') no-repeat; }
.timeline ul li:first-child { background: url('/images/layout/timeline-left.png') no-repeat;}
.timeline ul li:last-child { background: url('/images/layout/timeline-right.png') no-repeat;}
.timeline ul li span { display:inline-block; margin-top:.5em; height:1.5em; line-height:1em; padding-top:0; width:4em; color:#204a87;}
.timeline ul li a, .timeline ul li a:visited { display:block; text-transform:capitalize; font-size:1em; height:1.5em; width:100%; text-decoration:none; vertical-align:top;}
.timeline ul li a.active { background: url('/images/layout/timeline-current.png') center top no-repeat; }
.timeline ul li a.active span { color:#a40000; }
.timeline ul li:hover, .timeline ul li a:hover { color:#fff;}
.timeline ul li:hover span, .timeline ul li:hover li + li,.timeline ul li a:hover span { color:#ef2929; }
ol.progress_bar { padding:0; margin:0 0 .5em .5em;}
ol.progress_bar li { position:relative; list-style-position:inside; float:left; background:#eeeeec; border:1px solid #babdb6; color:#555753; height:1.5em; line-height:1.5em; cursor:default; font-size:2em; margin:0; padding:0 0 0 .4em; text-align:left; width:140px;}
ol.progress_bar li a { color:#333;}
ol.progress_bar li#selected { color:#fff; background:#4e9a06;}
ol.progress_bar li.completed { color:#2e3436; background:#555753;}
ol.progress_bar li.completed h3, li.completed h3 a { color:#babdb6; }
ol.progress_bar li+li { border-left:1px solid #babdb6;}
ol.progress_bar li:first-child div { display:none;}
ol.progress_bar li div { position: absolute; top:0; left:-.25em; width:16px; height:16px; margin:16px 0 0 0; background:url("/images/icons/arrow_right.png") no-repeat; }
ol.progress_bar li h3 { position:absolute; right:0; top:0; text-align:right; margin-right:1em; padding-top:.4em; height: 40px; vertical-align: middle; line-height:1em; font-size:.5em; display:table-cell; width:85px;}
ol.progress_bar:after {content:".";display:block;height:0; clear:both; visibility:hidden;}
/*
.media_year { height:3em; }
.media_year ul { list-style:none; padding-left:0; margin:.5em; }
.media_year ul li { position:relative; float:left; width:6em; height:2.25em; background:#fff; text-align:center; font-weight:bold; }
.media_year ul li:first-child {border-left:1px solid #babdb6; }
.media_year ul li:last-child { border-right:1px solid #babdb6; }
.media_year ul li + li {border-left:1px solid #babdb6; }
.media_year ul li span { display:inline-block; margin-top:.5em; height:1.5em; line-height:1em; padding-top:0; width:6em; border-top:.25em solid #babdb6; background: url('/images/layout/gray-gradiant.jpg') top left;}
.media_year ul li a, .media_year ul li a:visited { display:block; text-transform:capitalize; font-size:1em; height:1.5em; width:100%; text-decoration:none; color:#006; vertical-align:top; }
.media_year ul li .active span, .media_year ul li a.active { background:#3465a4; color:#fff; border-color:#fff; }
.media_year ul li:hover, .media_year ul li a:hover { font-size: 1em; color:#fff; background: #3465a4;}
.media_year ul li:hover span, .media_year ul li:hover li + li,.media_year ul li a:hover span { border-color:#fff; background: #3465a4; }
*/
.membership_expired { color:#a40000; }
.membership_valid { color:#4e9a06; }
/* TABS from UL */
ul.tabs { list-style:none; margin:0; padding:0; position:relative; top:1px; clear:left; }
ul.tabs li { border:1px solid #555753; float:left; margin:0 .25em; text-align:center; padding:.1em 1em; background:#babdb6;
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
-webkit-border-top-left-radius: 1em;
-webkit-border-top-right-radius: 1em;}
ul.tabs li:hover { background:#eeeeec; }
ul.tabs li.active { background:#fff; border-bottom:1px solid #fff; }
.tabpane { border:1px solid #555753; padding:1.25em; clear:left; background:#fff;}
.tabpane h2.yearbook { font-size:2em; line-height:2em;}
.tabpane:after {content:".";display:block;height:0; clear:both; visibility:hidden;}
.yearbook_photo_left { float:left; margin-right:1em; }
.yearbook_photo_right { float:right; margin-left:1em; }
.blockquote {
display: block;
padding: 0px 30px;
width: 350px;
}
.blockquote:before, .blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}
.blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
margin-bottom:em;
}
.blockquote:after {
content: close-quote;
height: 50px;
margin: 20px 0 0 360px;
}
/* Fitness Reports */
.FitnessData { }
.FitnessAnalysis {width:100%; }
.FitnessGraphic {}
.FitnessGraphic img {max-width:60%; float:right; margin:0 0 1em 1em; }
.FitnessRank { padding:.5em; }
.Rank {font-weight:bold;}
.TestDescription { padding:.5em; margin:1em 0; }
/* Articles from database */
.article {position: relative; }
.article h1 {text-transform:capitalize; letter-spacing:.1em; }
.article h2 {color:#666; font-size:.85em;}
.article div.body { min-height:20em; padding-left:.5em; }
.article div.footer { background: url('/images/layout/gray-gradiant.jpg') top; text-align: right; padding: 0 1em; border-bottom: 1px solid #000; padding:.25em; position:relative; bottom:-.25em; margin:0 -.33em; clear: both;}
.article img.right { margin: 1em 1em .5em .5em; padding: 0; float: right;}
.article img.left { margin: 1em .5em .5em 1em; padding: 0; float: left;}
/* CSS Calendar by Kenny Kim 2009 ----------------------*/
div#CalendarBody { width:98%; background:#E8EEF7; font-size:.85em; line-height: 1.4em; border-left:.75em solid #E8EEF7; border-bottom:1.5em solid #E8EEF7; border-top:.1em solid #E8EEF7;
-moz-border-radius-topleft: .5em;
-moz-border-radius-bottomleft: .5em;
-webkit-border-top-left-radius: .5em;
-webkit-border-bottom-left-radius: .5em;}
#CalendarNav { width:98%; white-space:nowrap; position:relative; margin-top:1em; }
#CalendarNav table { margin:0 1em; padding:0; table-layout:fixed; }
#CalendarNav .CalendarControl {float:left; padding:0 .5em;}
#CalendarNav .CurrentMonth {font-weight:bold; font-size:1.25em; }
#CalendarNav .CalendarView { float:right; width:3em; margin-left:.4em; padding:0 .5em; background:#EFEFF7; font-size:.85em; color:#555;
-moz-border-radius-topleft: .5em;
-moz-border-radius-topright: .5em;
-webkit-border-top-left-radius: .5em;
-webkit-border-top-right-radius: .5em;}
#CalendarNav .selected { background:#E8EEF7; font-weight:bold; }
#CalDayName table { width:99%; background:#E8EEF7; table-layout:fixed; border-spacing:0; padding:0; }
#CalDayName .dayname { color:#112ABB; line-height: 1.5em; }
#EventContainer {width:100%; position:relative; }
.MonthRow {width:100%; overflow:hidden; left:0; height:7.75em; }
.MonthRow table {width:99%; table-layout:fixed; border-spacing:0; padding:0; }
.MonthRow table td {vertical-align:top; background:#fdfdfd; border:1px solid transparent; }
.MonthRow table td:hover {background:#c3d9ff; }
.MonthRow table td + td {border-left:1px solid #C3D9FF;}
.MonthRow .DayLabel { background:#EFEFF7; color:#333; text-align:right; line-height: 1.5em; padding-right:.75em;}
.MonthRow .DayInactive {background:#ccc; }
.MonthRow .DayEventContainer {margin:0 1%; min-height:6em; width:99%; display:block; }
.MonthRow .DayEvent { width:100%; overflow:hidden; line-height:1.4em; background:#0ff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #ccc; color:#fff;}
.MonthRow .DayEvent span:first-child { width:100%; padding-left: 5px; overflow:hidden; white-space: nowrap;}
.MonthRow .DayEvent span:last-child { width:100%; padding-left: 10px; overflow:hidden; white-space: nowrap;}
.MonthRow .DayEvent:hover { background:#a2bbdd;}
.MonthRow .DayEvent.practice { background:#204a87;}
.MonthRow .DayEvent.race { background:#5c3566; }
.MonthRow .DayEvent.volunteer { background:#8f5902; }
.MonthRow .DayEvent.hpc { background:#ce5c00; }
.MonthRow .DayEvent.board { background:#c4a000; }
.MonthRow .DayEvent.social { background:#333; }
.MonthRow.WeekView { height:30em;}
.MonthRow.WeekView .DayEventContainer { height:10em; }
#CalAllDayEvents { height:4.2em; }
#CalAllDayEvents table { width:97%; background:#E8EEF7; table-layout:fixed; border-spacing:0; padding:0; }
#CalAllDayEvents table td { vertical-align:top; background:#fdfdfd; border:1px solid transparent; }
#CalAllDayEvents table td + td { border-left:1px solid #C3D9FF; }
#CalAllDayEvents .AllDayEventContainer { margin:0 1%; height:4.2em; }
#CalAllDayEvents .AllDayEvent { line-height:1.4em; }
.MonthRow td.timegrid {display:none;}
.MonthRow.WeekView td.timegrid { position:relative; display:table-cell; width:2em; background:#efeff7; padding-top:1.5em; }
.MonthRow.WeekView td.timegrid div { width:98%; height:2.8em; }
.MonthRow.WeekView td.timegrid div + div { border-top:1px solid #ccc; }
.MonthRow.WeekView { overflow:scroll;}
th.timegrid, td.timegrid {width:2em; background:#efeff7;}
.MiniCal { background:#E8EEF7; margin:2em 0 2em 1em; padding:1em; width:12em;
-moz-border-radius-topleft: .5em;
-moz-border-radius-bottomleft: .5em;
-webkit-border-top-left-radius: .5em;
-webkit-border-bottom-left-radius: .5em;}
.MiniCal .MiniCalContentContainer {background:#fdfdfd; padding:.2em; }
.MyCalendars { background:#E8EEF7; width:12em; margin:2em 1em; padding:.5em;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;}
.MyCalendars .MyCalendarContentContainer { background:#fdfdfd;padding:.2em; }
.MyCalendars .MyCalendarContentContainer ul { padding-left:0; margin:.5em 0 0 1em; }
.MyCalendars .MyCalendarContentContainer ul li { position:relative; font-weight:bold; }
.practices { color:#204a87; }
.race { color:#5c3566; }
.volunteer { color:#8f5902; }
.hpc { color:#ce5c00; }
.board { color:#c4a000; }
.social { color:#333; }
.MyCalendars .MyCalendarControls {font-size: .85em; text-align:right; }
.calendar-events ul { list-style: none; }
.calendar-events ul li.event-name { font-size:1.5em; font-weight:bold; }
.calendar-events label { width:6em; color:#555753;}
.team_event_desc { margin-left:3.5em; }
/* Form Elements */
/* basic layout of form
form { margin: 1em 0 1em 0; padding: 0; font-size: 1em;}
form.button-to { display:inline;}
form.button-to div { display:inline;}
form fieldset { min-width: 30em; margin-bottom: 1em; padding: .5em; border-color: #aaa;
border-width: 1px; border-style: solid; }
form legend { padding: 0 .5em; font-weight:bold; font-size: 1.5em; text-transform:capitalize; color: #000; }
form label, label { display: inline-block; line-height: 1.8; vertical-align: top; width: 7.5em; margin-right:.25em; text-align: right;}
.form-indent {margin-left:7.5em;}
form label.longlabel, label.longlabel { display: block; width: 25em; text-align: left;}
.form-indent {margin-left:7.5em;}
/* inputs */
/*
input, select, textarea { }
input.longlabel, select.longlabel { margin-left:7.5em; }
input[type='checkbox'] { margin:.5em 0 0 0; }
textarea { overflow: auto; }
p input[type='submit'] { margin-left: 7.5em;}
/* infotext to right of input */
/* span.infotext { margin-left: 9.5em; font-size:.85em; color:#999; display:block; line-height:1.5em;}
/* right float notes 25% width */
/* form fieldset div.notes { float: right; width: 25%; height: auto; margin: 0 0 .5em .5em; padding: 5px; border: 1px solid #666; background-color: #ffffe1; color: #666; font-size: .75em;}
form fieldset div.notes h4 {
background: url('/images/icon_info.gif') top left no-repeat;
padding: .2em 0 .2em 1.5em; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #666666; font-size: 1.1em;}
form fieldset div.notes p { margin: 0em 0em 1.2em 0em; color: #666666;}
form fieldset div.notes p.last { margin: 0em; }
form fieldset ol { margin: 0; padding: 0; }
form fieldset li { list-style: none; padding: .25em; margin: 0; }
/* subgroupings */
/* form fieldset fieldset { border: 1px solid #AAA; margin: 0 0 0 7.5em; line-height:1em; }
form fieldset fieldset legend { padding: 0 0 .25em; font-weight: normal; font-size: 1em; }
form fieldset fieldset label { display:inline-block; width: auto; margin-left: 1em; text-align: left; min-width: 7.5em; }
form fieldset fieldset input { padding-left: 7.5em; }
form em { font-weight: bold; font-style: normal; color: #f00; }
form small { display:block; padding-left: 9.5em; }
*/
/* Data Tables */
table.data {width: 100%; border-collapse: collapse; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; color: #000;}
table.data.yearbook-right { width:inherit; float:right; margin:1em 0em .5em 1em; }
table.data.yearbook-left { width:inherit; clear:left; float:left; margin:1em 1em .5em 0em; }
table.data.yearbook-right tbody td { padding:.125em .75em .125em .125em; }
table.data.yearbook-left tbody td { padding:.125em .75em .125em .125em; }
table.data caption { padding-bottom: .375em; font-variant: small-caps; text-align: left;}
table.data thead th { border-top: 3px double #ccc; border-bottom: 3px double #ccc; padding:.125em; background: url('/images/layout/gray-gradiant.jpg') repeat-x; color: #000; text-align: left; white-space: nowrap;}
.rotate span {
display:block;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); }
table.data span.data-align { float:right; margin-right:1em;}
table.data th.data-align { text-align:right; padding-right:1em;}
table.data tfoot th, table.data tfoot td { border-top: 3px double #ccc; border-bottom: 3px double #ccc; padding:.125em; background: url(/images/layout/gray-gradiant.jpg) repeat-x;}
table.data tbody th, table.data tbody td { border-bottom: 1px solid #ccc; padding:.125em; text-align:left; vertical-align: middle;}
table.data tbody tr:hover, table.data tbody tr.odd:hover td { background: #d7e3f4; }
table.data tbody a { color: #00d; text-decoration: none; display:inline-block; }
table.data tbody a:visited { color: #00a; }
table.data tbody a:hover { color: #006b00; }
table.data tbody a:active { color: #f00; }
table.data tbody tr.odd th, .data tbody tr.odd td {background:#f6f6f6; }
table.data tbody div.DataAction { display:inline-block; opacity:0.3;filter:alpha(opacity=30); }
table.data tbody div.DataAction form { display:inline-block; margin:0; }
table.data tbody tr:hover div.DataAction { display:inline; opacity:1.0;filter:alpha(opacity=100); }
table.data tbody td { padding:.1em; }
table.data td.hidden { opacity:0.3;filter:alpha(opacity=30); }
table.data tr:hover td.hidden { opacity:1.0;filter:alpha(opacity=100);}
table.data form {margin:0; display:inline-block; }
.neg-balance { color:#f57900; }
/******* pagination ********/
.pagination { text-align: center; padding: .3em; }
.pagination a, .pagination span { padding: .2em .5em; }
.pagination a { border: 1px solid #DDDDDD; color: #0063DC; text-decoration: none; }
.pagination a:hover, .pagination a:focus { border-color: #003366; background: #0063DC; color: white; }
.pagination span.disabled { color: #AAA; }
.pagination span.current { font-weight: bold; color: #FF0084; }
.pagination .page_info { color: #aaa; padding-top: .8em; }
.pagination .prev_page, .pagination .next_page { border-width: 2px; }
.pagination .prev_page { margin-right: 1em; }
.pagination .next_page { margin-left: 1em; }
.paginationform form { display:inline; margin:0; }
/******* Team Roster ********/
.boat-bg { float:left; position:relative; background:url(/images/source/boat-bg.png) no-repeat; width:25em; height:44em;}
ul.boat { position:absolute; top:5em; left:0em; list-style:none; margin:0; padding:0; width:10em; }
ul.boat.right { position:absolute; top:5em; left:14em; list-style:none; margin:0; padding:0; width:10em;}
ul.boat.front { position:absolute; top:-1em; left:7.5em; list-style:none; margin:0; padding:0; width:10em;}
ul.boat.back { position:absolute; top:38em; left:7.5em; list-style:none; margin:0; padding:0; width:10em;}
ul.boat li { background:#eeeeec; border:1px solid #555753; margin:.75em 0; width:10em; padding:.25em .5em;}
ul.boat li.weight { background:#2e3436; color:#fff; border:1px solid #555753; margin:1em 0em; }
ul.boat li.sideweight { background:#2e3436; color:#fff; border:1px solid #555753; margin:1.5em 0em; }
ul.boat li:hover { background:#555753; color:#fff;}
.boat-roster { float:left; width:15em;}
.boat-roster ul { list-style:none; }
.boat-roster ul li { border:1px solid #666; padding:.25em .5em; margin:.5em 0;}
.boat-roster ul li:hover { background:#555753; color:#fff; }
/* Misc */
.completed { color:#aaa; } /* checked off items from checklist */
/* Image thumbnails */
.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail span{ /*CSS for enlarged image*/ position:absolute; z-index:500; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ }
ul.donors { list-style: none; padding: 0;}
ul.donors li { }
#MB_overlay {
position: absolute;
margin: auto;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
border: 0;
background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }
#MB_window {
position: absolute;
top: 0;
border: 0 solid;
text-align: left;
z-index: 10000;
}
#MB_window[id] { position: fixed!important; }
#MB_frame {
position: relative;
background-color: #EFEFEF;
height: 100%;
}
#MB_header {
margin: 0;
padding: 0;
}
#MB_content {
position: relative;
padding: 6px .75em;
overflow: auto;
}
#MB_caption {
font: bold 100% "Lucida Grande", Arial, sans-serif;
text-shadow: #FFF 0 1px 0;
padding: .5em 2em .5em .75em;
margin: 0;
text-align: left;
}
#MB_close {
display: block;
position: absolute;
right: 5px; top: 4px;
padding: 2px 3px;
font-weight: bold;
text-decoration: none;
font-size: 2em;
}
#MB_close:hover {
background: transparent;
}
#MB_loading {
padding: 1.5em;
text-indent: -10000px;
background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}
/* Color scheme */
#MB_window {
background-color: #EFEFEF;
color: #000;
-webkit-box-shadow: 0 0 64px #000;
-moz-box-shadow: #000 0 0 64px;
box-shadow: 0 0 64px #000;
}
#MB_frame {
padding-bottom: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
background-color: #DDD;
border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000; }
#MB_close { color: #a40000; }
#MB_close:hover { color: #cc0000; }
/* Alert message */
.MB_alert {
margin: 10px 0;
text-align: center;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url('/images/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; padding:8px 8px 0 8px; background: #f6a828 url(/images/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/images/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/images/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(/images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/images/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/jquery-ui/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/jquery-ui/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/jquery-ui/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/jquery-ui/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/jquery-ui/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/jquery-ui/ui-icons_ffd27a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #666666 url(/images/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/images/jquery-ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.corner-all {
-moz-border-radius: .5em;
-webkit-border-radius: .5em; }
.corner-top {
-moz-border-radius-topleft: .5em;
-webkit-border-top-left-radius: .5em;
-moz-border-radius-topright: .5em;
-webkit-border-top-right-radius: .5em; }
.corner-bottom {
-moz-border-radius-bottomleft: .5em;
-webkit-border-bottom-left-radius: .5em;
-moz-border-radius-bottomright: .5em;
-webkit-border-bottom-right-radius: .5em; }
.corner-right {
-moz-border-radius-topright: .5em;
-webkit-border-top-right-radius: .5em;
-moz-border-radius-bottomright: .5em;
-webkit-border-bottom-right-radius: .5em; }
.corner-left {
-moz-border-radius-bottomleft: .5em;
-webkit-border-bottom-left-radius: .5em;
-moz-border-radius-topleft: .5em;
-webkit-border-top-left-radius: .5em; }
.corner-topleft {
-moz-border-radius-topleft: .5em;
-webkit-border-top-left-radius: .5em; }
.corner-topright {
-moz-border-radius-topright: .5em;
-webkit-border-top-right-radius: .5em; }
.corner-btmleft {
-moz-border-radius-bottomleft: .5em;
-webkit-border-bottom-left-radius: .5em; }
.corner-btmright {
-moz-border-radius-bottomright: .5em;
-webkit-border-bottom-right-radius: .5em; }
.corner-all-oval {
-moz-border-radius: 1em;
-webkit-border-radius: 1em; }
.corner-top-oval {
-moz-border-radius-topleft: 1em;
-webkit-border-top-left-radius: 1em;
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em; }
.corner-bottom-oval {
-moz-border-radius-bottomleft: 1em;
-webkit-border-bottom-left-radius: 1em;
-moz-border-radius-bottomright: 1em;
-webkit-border-bottom-right-radius: 1em; }
.corner-right-oval {
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em;
-moz-border-radius-bottomright: 1em;
-webkit-border-bottom-right-radius: 1em; }
.corner-left-oval {
-moz-border-radius-bottomleft: 1em;
-webkit-border-bottom-left-radius: 1em;
-moz-border-radius-topleft: 1em;
-webkit-border-top-left-radius: 1em; }
.corner-topleft-oval {
-moz-border-radius-topleft: 1em;
-webkit-border-top-left-radius: 1em; }
.corner-topright-oval {
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em; }
.corner-btmleft-oval {
-moz-border-radius-bottomleft: 1em;
-webkit-border-bottom-left-radius: 1em; }
.corner-btmright-oval {
-moz-border-radius-bottomright: 1em;
-webkit-border-bottom-right-radius: 1em; }
.corner-all-none {
-moz-border-radius: 0em;
-webkit-border-radius: 0em; }
.corner-top-none {
-moz-border-radius-topleft: 0em;
-webkit-border-top-left-radius: 0em;
-moz-border-radius-topright: 0em;
-webkit-border-top-right-radius: 0em; }
.corner-bottom-none {
-moz-border-radius-bottomleft: 0em;
-webkit-border-bottom-left-radius: 0em;
-moz-border-radius-bottomright: 0em;
-webkit-border-bottom-right-radius: 0em; }
.corner-right-none {
-moz-border-radius-topright: 0em;
-webkit-border-top-right-radius: 0em;
-moz-border-radius-bottomright: 0em;
-webkit-border-bottom-right-radius: 0em; }
.corner-left-none {
-moz-border-radius-bottomleft: 0em;
-webkit-border-bottom-left-radius: 0em;
-moz-border-radius-topleft: 0em;
-webkit-border-top-left-radius: 0em; }
.corner-topleft-none {
-moz-border-radius-topleft: 0em;
-webkit-border-top-left-radius: 0em; }
.corner-topright-none {
-moz-border-radius-topright: 0em;
-webkit-border-top-right-radius: 0em; }
.corner-btmleft-none {
-moz-border-radius-bottomleft: 0em;
-webkit-border-bottom-left-radius: 0em; }
.corner-btmright-none {
-moz-border-radius-bottomright: 0em;
-webkit-border-bottom-right-radius: 0em; }
button, a.button, input[type='submit'] {
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans_serif;
font-size: 1.125em;
line-height: 1em;
margin: 0;
overflow: hidden;
padding: .3125em .75em;
text-decoration: none;
text-shadow: 1px 1px 3px #2e3436;
vertical-align: middle;
width: auto;
background: red url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(red, 0, -10, -10);
color: #f9f9f9;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em; }
button:hover, a.button:hover, input[type='submit']:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(red, 0, -20, -20);
color: #fce94f; }
button:focus, a.button:focus, input[type='submit']:focus {
background-color: adjust_color_via_hsl(red, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.boxshadow, a.button.boxshadow, input[type='submit'].boxshadow {
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
filter: progid:DXImageT)ransform.Microsoft.Shadow(color=#666666,direction=135, strength=); }
button.login, a.button.login, input[type='submit'].login {
font-size: 1em;
font-weight: bold;
line-height: 1em;
padding: .5em 1.2em;
background: red url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(red, 0, -10, -10);
color: #f9f9f9; }
button.login:hover, a.button.login:hover, input[type='submit'].login:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(red, 0, -20, -20);
color: #d3d7cf; }
button.login:focus, a.button.login:focus, input[type='submit'].login:focus {
background-color: adjust_color_via_hsl(red, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.logout, a.button.logout, input[type='submit'].logout {
font-size: 1em;
font-weight: bold;
line-height: 1em;
padding: .5em 1.2em;
background: red url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(red, 0, -10, -10);
color: #f9f9f9; }
button.logout:hover, a.button.logout:hover, input[type='submit'].logout:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(red, 0, -20, -20);
color: #d3d7cf; }
button.logout:focus, a.button.logout:focus, input[type='submit'].logout:focus {
background-color: adjust_color_via_hsl(red, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.search, a.button.search, input[type='submit'].search {
font-size: 1em;
font-weight: bold;
line-height: 1em;
padding: .1em .5em;
background: #232f34 url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(#232f34, 0, -10, -10);
color: #d3d7cf;
-moz-border-radius: 0.75em;
-webkit-border-radius: 0.75em; }
button.search:hover, a.button.search:hover, input[type='submit'].search:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(#232f34, 0, -20, -20);
color: #f9f9f9; }
button.search:focus, a.button.search:focus, input[type='submit'].search:focus {
background-color: adjust_color_via_hsl(#232f34, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.action, a.button.action, input[type='submit'].action {
background: #55ff00 url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(#55ff00, 0, -10, -10);
color: #2e3436; }
button.action:hover, a.button.action:hover, input[type='submit'].action:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(#55ff00, 0, -20, -20);
color: #f9f9f9; }
button.action:focus, a.button.action:focus, input[type='submit'].action:focus {
background-color: adjust_color_via_hsl(#55ff00, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.mini-action, a.button.mini-action, input[type='submit'].mini-action {
font-size: 1em;
line-height: 1em;
margin-right: .5em;
padding: .1em .5em;
background: #55ff00 url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(#55ff00, 0, -10, -10);
color: #2e3436;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
button.mini-action:hover, a.button.mini-action:hover, input[type='submit'].mini-action:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(#55ff00, 0, -20, -20);
color: #eeeeec; }
button.mini-action:focus, a.button.mini-action:focus, input[type='submit'].mini-action:focus {
background-color: adjust_color_via_hsl(#55ff00, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.attendance, a.button.attendance, input[type='submit'].attendance {
font-size: 1em;
line-height: 1em;
margin-right: 0;
padding: .25em .5em;
background: #55ff00 url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(#55ff00, 0, -10, -10);
color: #2e3436;
-moz-border-radius: 0.25;
-webkit-border-radius: 0.25; }
button.attendance:hover, a.button.attendance:hover, input[type='submit'].attendance:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(#55ff00, 0, -20, -20);
color: #eeeeec; }
button.attendance:focus, a.button.attendance:focus, input[type='submit'].attendance:focus {
background-color: adjust_color_via_hsl(#55ff00, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.gray, a.button.gray, input[type='submit'].gray {
background: #c7dbbd url(/images/layout/shade.png) repeat-x scroll left bottom;
border: 1px solid adjust_color_via_hsl(#c7dbbd, 0, -10, -10);
color: #555753; }
button.gray:hover, a.button.gray:hover, input[type='submit'].gray:hover {
background-image: url("/images/layout/shade_reverse.png") repeat-x scroll left bottom;
border-color: adjust_color_via_hsl(#c7dbbd, 0, -20, -20);
color: #eeeeec; }
button.gray:focus, a.button.gray:focus, input[type='submit'].gray:focus {
background-color: adjust_color_via_hsl(#c7dbbd, 0, 0, -15);
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium; }
button.blur, a.button.blur, input[type='submit'].blur {
opacity: 0.3;
filter: alpha(opacity=30); }
button.blur:hover, a.button.blur:hover, input[type='submit'].blur:hover {
opacity: 1.0;
filter: alpha(opacity=100); }
input[type='submit'] {
border: none;
padding: 0.125em 0.5em; }
#mini_calendar {
font-size: 0.5em;
padding: 0;
text-align: center; }
#mini_calendar div.cal_head {
background-color: #edd400;
border: 2px solid #c4a000;
border-bottom: none;
height: 4em;
-moz-border-radius-topleft: 2em;
-webkit-border-top-left-radius: 2em;
-moz-border-radius-topright: 2em;
-webkit-border-top-right-radius: 2em; }
#mini_calendar div.cal_head h1 {
font-size: 2em;
line-height: 2em;
width: 100%; }
#mini_calendar div.cal_body {
background-color: #eeeeec;
border: 2px solid #888a85;
border-top: none;
padding: 0 0 1em 0;
-moz-border-radius-bottomleft: 2em;
-webkit-border-bottom-left-radius: 2em;
-moz-border-radius-bottomright: 2em;
-webkit-border-bottom-right-radius: 2em; }
#mini_calendar div.cal_body ul {
margin: 0 auto;
padding: 0;
list-style: none; }
#mini_calendar div.cal_body ul li {
display: inline-block;
background-color: #fff;
height: 10%;
width: 11.75%;
margin: 1px;
-moz-border-radius-topleft: 0.5em;
-webkit-border-top-left-radius: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-webkit-border-bottom-left-radius: 0.5em;
-moz-border-radius-topright: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-moz-border-radius-bottomright: 0.5em;
-webkit-border-bottom-right-radius: 0.5em; }
#mini_calendar div.cal_body ul li.dayofweek {
background-color: #555753;
color: #eeeeec;
height: 12px;
line-height: 12px; }
#mini_calendar div.cal_body ul li.hide {
background-color: transparent; }
#mini_calendar div.cal_body ul li.available {
background-color: #8ae234; }
#mini_calendar div.cal_body ul li.unavailable {
background-color: #ce5c00; }
.table_container {
border: 5px solid #555753;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; }
table.forums {
border-collapse: collapse;
border: 1px solid #555753;
width: 100%; }
table.forums thead {
background: #204a87 url("/images/layout/shade.png") repeat-x left bottom;
color: #eeeeec;
text-align: left; }
table.forums tbody {
background: #eeeeec; }
table.forums tbody tr:hover, table.forums tbody tr:nth-child(even):hover {
background: #d7e3f4;
color: #4e9a06; }
table.forums tbody tr:nth-child(even) {
background: #d3d7cf; }
table.topics {
border-collapse: collapse;
border: 1px solid #555753;
width: 100%; }
table.topics thead {
background: #8f5902 url("/images/layout/shade.png") repeat-x left bottom;
color: #eeeeec;
text-align: center; }
table.topics tbody {
background: #eeeeec; }
table.topics tbody tr:hover, table.topics tbody tr:nth-child(even):hover {
background: #ffefd5;
color: #4e9a06; }
table.topics tbody tr:nth-child(even) {
background: #d3d7cf; }
.forumbg {
border: 2px solid #555753;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; }
.forumbg .header {
background: #555753;
color: #eeeeec;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px; }
.forumbg ul.header, .forumbg ul.topiclist {
display: block;
height: 1.5em;
list-style-type: none;
margin: 0; }
.forumbg ul.header li.header, .forumbg ul.header li.row, .forumbg ul.topiclist li.header, .forumbg ul.topiclist li.row {
font-size: 1em;
text-transfrom: uppercase; }
.forumbg ul.header li.header dl.icon dt.title, .forumbg ul.header li.row dl.icon dt.title, .forumbg ul.topiclist li.header dl.icon dt.title, .forumbg ul.topiclist li.row dl.icon dt.title {
float: left;
width: 50%; }
.forumbg ul.header li.header dl.icon dd, .forumbg ul.header li.row dl.icon dd, .forumbg ul.topiclist li.header dl.icon dd, .forumbg ul.topiclist li.row dl.icon dd {
display: inline-block;
float: left;
margin: 0; }
.forumbg ul.header li.header dl.icon dd.topics, .forumbg ul.header li.header dl.icon dd.posts, .forumbg ul.header li.row dl.icon dd.topics, .forumbg ul.header li.row dl.icon dd.posts, .forumbg ul.topiclist li.header dl.icon dd.topics, .forumbg ul.topiclist li.header dl.icon dd.posts, .forumbg ul.topiclist li.row dl.icon dd.topics, .forumbg ul.topiclist li.row dl.icon dd.posts {
width: 8%; }
.forumbg ul.header li.header dl.icon dd.lastpost, .forumbg ul.header li.row dl.icon dd.lastpost, .forumbg ul.topiclist li.header dl.icon dd.lastpost, .forumbg ul.topiclist li.row dl.icon dd.lastpost {
width: 25%; }
.forumbg ul.header li.header dl.icon dt.title, .forumbg ul.topiclist li.header dl.icon dt.title {
padding-left: 10px;
padding-right: 45px; }
.forumbg ul.header li.row dl.icon dt.title, .forumbg ul.topiclist li.row dl.icon dt.title {
padding-left: 55px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.clearfix {
display: inline-block; }
html[xmlns] .clearfix {
display: block; }
* html .clearfix {
height: 1%; }
html {
font-size: 100%; }
body {
background: #eeeeec;
font-size: 1em;
font-family: "Myriad Pro",Calibri,Arial,Helvetica,sans-serif;
line-height: 1.5em;
margin: 0;
padding: 0; }
.container {
overflow: auto; }
a, a:visited {
display: inline-block;
text-decoration: none; }
a.red, a:visited.red {
color: #cc0000; }
a.red:hover, a:visited.red:hover {
background-color: #cc0000;
color: #f9f9f9;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em; }
a.blue, a:visited.blue {
color: #3671a1; }
a.blue:hover, a:visited.blue:hover {
background-color: #3671A1;
color: #f9f9f9;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em; }
a.events, a:visited.events {
width: 100%; }
a.events:hover, a:visited.events:hover {
-moz-border-radius: 0px;
-webkit-border-radius: 0px; }
a.events img, a:visited.events img {
vertical-align: middle; }
a img, a:visited img {
border: none;
max-width: 100%; }
a.maxwidth, a:visited.maxwidth {
width: 100%; }
h1 {
font-size: 1.75em;
margin: 0 .5em .5em 0; }
h2 {
font-size: 1.5em;
margin: 0 .5em .5em 0; }
h3 {
font-size: 1.25em;
margin: 0 .5em .5em 0; }
h4 {
font-size: 1em;
margin: 0 .5em .5em 0; }
img object {
max-width: 100%; }
ul {
margin: 0;
padding: 0;
list-style: none; }
.floatright {
float: right; }
.floatleft {
float: left; }
#header {
background: #000;
height: 9em;
overflow: hidden;
position: relative; }
#header img {
position: absolute;
bottom: .25em; }
#banner {
position: relative;
z-index: 0;
overflow: hidden;
height: 9em;
padding: 0;
background-color: #e3e0d1; }
#lard_logo {
z-index: 9;
position: absolute;
bottom: 2.1em;
left: 0;
border: none; }
#bannergraphic {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
min-width: 60em;
height: 9em; }
#bannergradiant {
position: absolute;
top: -1px;
left: 48.25em;
z-index: 2;
max-width: 12em;
height: 9.1em; }
#bannerlogin {
position: absolute;
top: 0;
right: 0;
z-index: 3;
width: 12em;
height: 9em;
text-align: right; }
#link_to_login, #link_to_logout {
float: right;
z-index: 4;
margin: .25em .25em; }
#breadcrumb {
display: inline-block;
font-size: 1em;
overflow: hidden;
padding: 0 .5em; }
#breadcrumb a {
padding: 0 1em 0 0;
color: navy; }
#breadcrumb a:visited, #breadcrumb a:active {
font-size: 1em;
color: navy; }
#breadcrumb a:hover {
text-decoration: underline; }
#footer {
clear: both;
width: 100%; }
#footer .copyright {
color: #555753;
font-size: 1em;
margin: 0;
text-align: center;
width: 100%; }
#footer {
clear: both;
color: #fff;
background: #3F3F3F;
padding: 1em 0;
position: relative; }
#footer #footer-logo {
position: absolute;
left: 1em;
top: 1em; }
#footer #footer-logo a {
color: #f9f9f9; }
#footer-links {
background: #3F3F3F;
width: 100%;
height: 5em;
text-align: center; }
#footer-links #center-links {
margin: 0 auto;
width: 55em; }
#footer-links #center-links ul {
float: left;
border-right: 1px solid #eeeeec;
list-style-image: none;
list-style-type: none;
margin: 0em;
text-align: center;
padding: 0em .5em;
width: 8em; }
#footer-links #center-links ul a {
color: #eeeeec; }
/* --------------- Header horizontal Menu ----------------- */
.horizontal_menu_container {
z-index: 10;
position: absolute;
bottom: 0em;
left: 0px;
padding: 0; }
.horizontal_menu_container div {
position: absolute;
bottom: 0px;
left: 0px;
width: 60em;
overflow: hidden; }
.horizontal_menu {
min-width: 100%; }
.horizontal_menu ul li {
z-index: 100;
padding: .25em 0;
display: inline;
float: left;
min-width: 4em;
height: 1.5em; }
.horizontal_menu ul li a {
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans_serif;
font-size: 1.125em;
line-height: 1em;
margin: 0;
overflow: hidden;
padding: .3125em .75em;
text-decoration: none;
text-shadow: 1px 1px 3px #2e3436;
vertical-align: middle;
width: auto;
background: red url("/images/layout/shade.png") repeat-x scroll left bottom;
color: #dac3c4;
margin-bottom: 1em; }
.horizontal_menu ul li a:hover {
background: red url("/images/layout/shade_reverse.png") repeat-x scroll left top;
border-color: white;
color: white; }
.horizontal_menu ul li a.current {
background-image: none;
background-color: adjust_color_via_hsl(red, 0, -5, -5);
color: #181818; }
.horizontal_menu ul li a.contact {
background-color: adjust_color_via_hsl(red, -180, -30, -20);
border: 1px solid adjust_color_via_hsl(red, -180, 0, 0);
color: #dac3c4; }
.horizontal_menu ul li a.contact:hover {
border-color: adjust_color_via_hsl(red, 0, 40, 90);
color: white; }
.horizontal_menu ul li:last-child a {
margin-left: 1.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; }
#content {
color: #2e3436;
padding: 0 2% 2% 2%;
width: 96%; }
#content #span-content1 {
clear: left;
float: left;
width: 25%; }
#content #span-content2 {
float: right;
width: 75%; }
#content #span-content2 .scb {
margin-left: .75em; }
.two-column {
float: left;
width: 49.99%; }
.two-column .column1 {
float: left;
width: 33.33%; }
.two-column .column2 {
float: left;
width: 33.33%; }
.two-column .column3 {
float: right;
width: 33.33%; }
.scb {
background: #f9f9f9;
border: 2px solid #bcc8cd;
margin-bottom: .75em;
-moz-border-radius: 12px;
-webkit-border-radius: 12px; }
.scb img.maxwidth {
width: 100%; }
.scb .header {
background: #181818 url("/images/layout/shade.png") repeat-x left bottom;
color: #eeeeec;
padding: .25em;
position: relative;
text-align: center;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px; }
.scb .header h2 {
margin-bottom: .125em; }
.scb .header h2 a {
color: #eeeeec; }
.scb .body {
padding: .25em 1em; }
.scb .body img.floatright {
margin-left: 1em; }
.scb .body img.floatleft {
margin-right: 1em; }
.scb .body img.maxwidth {
width: 100%; }
.scb .body h3 {
margin: .5em 0; }
.scb .body .messagebox {
border: 1px solid #d3d7cf;
float: right;
margin-left: 1em;
width: 30%; }
.scb .body .messagebox h2 {
background: #181818 url("/images/layout/shade.png") repeat-x left -90px;
font-size: 1.25em;
width: 100%; }
.scb .body .messagebox h2 span {
margin: .25em .5em; }
.scb .body .messagebox p {
padding: 0 .5em; }
.scb .footer {
background: #181818 url("/images/layout/shade.png") repeat-x scroll left bottom;
color: #eeeeec;
clear: both;
min-height: 1em;
padding: .25em 1em;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px; }
.scb .footer .toggler {
color: #f57900;
font-size: .8em;
float: right; }
.scb.homebox {
position: relative;
-moz-border-radius: 0px;
-webkit-border-radius: 0px; }
.scb.homebox .boxright {
color: #a40000;
position: absolute;
font-size: 1.2em;
left: 480px;
padding: .5em;
top: 0px; }
.scb.homebox .boxright p:first-child {
margin: 0.125em; }
.scb.squarebtm {
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; }
.scb.myteam {
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; }
.scb.myteam .header, .scb.myteam .footer {
background-color: #a40000; }
.scb.myteam .footer {
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; }
.scb.officers .header {
background-color: #5c3566; }
.scb.admin .header {
background-color: #c4a000; }
.scb.login {
margin: 1em auto;
width: 70%; }
.scb.leaderboard {
margin: 0;
width: 30%;
float: left; }
.scb.leaderboard .header {
background-color: #232f34; }
.scb.leaderboard h4 {
margin: 0; }
.cal-display {
color: #2e3436;
padding: 0.125em 0.5em; }
.cal-display .cal-display-title {
font-weight: bold;
padding-left: 0.5em; }
.cal-display .cal-display-time {
font-weight: bold;
text-decoration: underline; }
.cal-display .cal-display-desc {
color: #555753;
font-size: 0.85em;
padding-left: 0.5em; }
.cal-display:hover {
background: #eeeeec; }
.tweet {
color: #2e3436;
font-size: 0.85em;
line-height: 1.125em;
padding: 0.125em 0.5em; }
.tweet .timestamp {
color: #555753;
text-align: right; }
.tweet + .tweet {
border-top: 1px solid #babdb6; }
#tweet_hidden_toggle {
border-top: 1px solid #babdb6;
padding: 0 1em .5em 0;
text-align: right; }
.newsitem {
border: 1px solid #babdb6; }
.newsitem h2 {
background: url("/images/layout/gray-gradiant.jpg") repeat scroll center top transparent;
font-family: georgia,"times new roman",times,serif;
font-size: 2em;
margin: 0;
padding: .25em .25em 0 .25em;
text-transform: capitalize; }
.newsitem h3 {
font-family: arial,helvetica,sans-serif;
font-size: 1em;
color: #888a85;
padding: 0 .5em .5em .5em; }
.newsitem .newsbody {
padding: 0 1em; }
.newsitem .comments {
margin-bottom: 1em; }
.newsitem .comments h4 {
color: #204a87;
margin: 0;
font-size: 1em;
padding: .1em .5em; }
.newsitem .comments h5 {
color: #729fcf;
font-size: .75em;
margin: 0;
padding: .1em 1em; }
.newsitem .comments .content {
margin: 0 1em;
padding: 0 .5em;
color: #3465a4; }
.newsitem .commentbar {
background: url("/images/layout/gray-gradiant.jpg") repeat scroll center top transparent;
padding: .25em;
height: 2em; }
.newsitem .commentbar ul {
display: inline;
float: right; }
.newsitem .commentbar ul li {
display: inline; }
blockquote {
background: transparent url(/images/blockquote.gif) no-repeat 0 0;
display: block;
float: right;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
margin: 0 0 0 1em;
padding: 0 2em 0 3em;
width: 40%; }
blockquote p {
background: transparent url(/images/blockquote2.gif) no-repeat 100% 100%;
padding-right: 2.4em;
color: #204a87; }
blockquote p:first-letter {
float: left;
vertical-align: text-top;
font-size: 2em; }
form a {
margin-left: 1em; }
form p.checkbox {
margin-left: 10.5em; }
form div {
margin-left: 10.5em; }
form div.full, form div.scb {
margin-left: 0; }
form div.full .header, form div.full .body, form div.full .footer, form div.scb .header, form div.scb .body, form div.scb .footer {
margin-left: 0; }
form div.recaptchafix {
margin-left: 0; }
form div.recaptchafix div {
margin-left: 0; }
form fieldset, form p {
border: none; }
form fieldset label, form p label {
float: left;
margin: 4px 15px 0 0;
text-align: right;
width: 9em; }
form fieldset input, form fieldset select, form fieldset textarea, form p input, form p select, form p textarea {
background: #F5F5F5 none repeat scroll 0 0;
border-color: #C8C8C8 #E4E4E4 #E4E4E4 #C8C8C8;
border-style: solid;
border-width: 1px;
color: #555753;
line-height: 18px;
padding: 5px 7px;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; }
form fieldset input[type="password"]:focus, form fieldset input[type="password"]:hover, form fieldset input[type="text"]:focus, form fieldset input[type="text"]:hover, form fieldset select:focus, form fieldset select:hover, form fieldset textarea:focus, form fieldset textarea:hover, form p input[type="password"]:focus, form p input[type="password"]:hover, form p input[type="text"]:focus, form p input[type="text"]:hover, form p select:focus, form p select:hover, form p textarea:focus, form p textarea:hover {
background: #FFF6D9 none repeat scroll 0 0;
border: 1px solid #D1D1D1;
color: #181818;
outline-style: none;
outline-width: medium; }
form.button-to div {
margin: 0; }
.form-actions ul li {
float: right; }
/* --------------- Notifications ----------------- */
p.notice, p.warning, p.error {
font-size: 1em;
padding: 16px 12px;
margin: 0 0 12px 0; }
p.notice span, p.warning span, p.error span {
float: left;
width: 32px;
height: 32px;
margin-top: -5px; }
p.notice {
background: url(/images/icons/flash-notice-bg.jpg) repeat-x left top;
color: #002b00; }
p.notice span {
background: url(/images/icons/flash-sprite.png) no-repeat 0em 0em; }
p.warning {
background: url(/images/icons/flash-warning-bg.jpg) -10px 0px repeat-x;
color: #a26a1a; }
p.warning span {
background: url(/images/icons/flash-sprite.png) no-repeat 0em -64px;
margin-top: -6px; }
p.error {
background: url(/images/icons/flash-error-bg.jpg) -10px 0px repeat-x;
color: #af0100; }
p.error span {
background: url(/images/icons/flash-sprite.png) no-repeat 0em -128px;
margin-top: -6px; }
p.notice.mail, p.error.mail {
background-image: none;
margin: 0;
padding: 3px 0 0 0;
width: 33px;
height: 32px;
text-align: center; }
p.notice.mail span, p.error.mail span {
width: 42px;
height: 32px; }
p.notice.checklist, p.error.checklist {
background-image: none;
margin: 0;
padding: 12px 0 0 0;
height: 32px;
text-align: center; }
p.notice.checklist span, p.error.checklist span {
width: 32px;
height: 32px; }
.errorExplanation {
background: #fcaf3e;
padding: .5em;
margin: .5em 0em;
border: 3px solid #f57900; }
.fieldWithErrors {
background: #fcaf3e;
display: inline;
border: 3px solid #f57900;
padding-bottom: .1em; }
.contactshot:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.contactshot img {
border: 1px solid #181818;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; }
.contactshot div {
float: left;
padding: 0 .5em; }
.contactshot + .contactshot {
margin-top: .5em; }
ul.connect li a {
font-size: 1em;
padding: 6px 0;
width: 100%; }
ul.connect li a:hover {
-moz-border-radius: 0px;
-webkit-border-radius: 0px; }
ul.connect li a img {
margin: 0 1em;
vertical-align: middle; }
.mediaclip {
border: 1px solid #babdb6;
float: left;
margin: 2%;
overflow: hidden;
text-align: center;
width: 45%; }
.mediaclip a {
background: #181818;
display: block; }
.mediaclip a img {
height: 145px;
padding: 5px; }
ul.articles {
background: #f9f9f9;
border: 1px solid #181818;
border-bottom: none;
clear: left;
width: 100%; }
ul.articles li {
background: transparent;
color: #888a85;
display: inline;
padding: .125em .5em; }
ul.articles li.current {
color: #181818; }
ul.articles li a {
display: inline-block;
text-decoration: none; }
ul.articles li a:hover {
text-decoration: underline; }
.articlebody .ui-widget {
font-size: .9em; }
.articlebody h2 {
color: #181818;
margin: 0;
padding: 12px 16px;
text-align: center; }
.articlebody table.data {
width: 50%; }
.articlebody .image {
border: 1px solid #d3d7cf;
display: inline-block; }
.articlebody .image.floatright {
margin-left: 1em; }
.articlebody .image.floatleft {
margin-right: 1em; }
.articlebody .image img {
background: #fff;
max-width: 100%;
padding: 5px; }
.articlebody .image h6 {
color: #555753;
margin: 0;
padding-right: 1em;
text-align: right; }
.articlebody .image p {
color: #555753;
margin: 0;
padding: 0 1em;
font-size: .8em; }
.articlebody .footer {
background: #181818;
clear: both;
color: #babdb6;
font-size: .8em; }
.wrapper.media {
border: 1px solid #888a85;
clear: both; }
.scb .ui-tabs {
padding: 0; }