/******************** BASE *********************/
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%;
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold;
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
}
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}
ul li {
    color: #000;
}
dl dd {
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border: 1px solid #ddd;
    padding: 0.5em;
}
form th,td {
	border: none;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table {
    /*so things don't run into each other*/
    margin-bottom:1em;
}
hr {
    height: 2px;
    border: none;
    background-color: #ccc;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/******************** GENERAL TYPO *********************/
::-moz-selection {
    background: #9400D3 !important;
    color: #fff;
} 
::selection {
    background: #9400D3 !important;
    color: #fff;
}

BODY,
.base,
.content {
    font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

BODY {
    color: #000;
}

h1,h2,h3,h4,h5,h6,legend {
    letter-spacing: -.01em;
    color: #000;
}

th,td {
    border-collapse:collapse;
}

A,
A:link {
    text-decoration: none;
    color: #E50C40;
}
A:hover {
    color: #0C83E5;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.blue {
    color: #09f;
}

.caution {
    color: #f90 !important;
}

.error {
    color: #900 !important;
}

.allGood {
    color: #090 !important;
}

IMG.block {
    background-color: #f7f9ff;
}

/******************** STRUCTURE *********************/
HTML, BODY {
    background-color: #ffffff;
    background-image:url(http://www.cpsconline.com/site/www/_/images/Tyler10-11/WhiteGreyBgNEW.jpg);
    background-position: top center;
    background-repeat:repeat-y;
    height:100%;
}

#frame {
    width: 820px;
    margin: auto;
    background: #fff;
    min-height:100%;
}

#page {
    width: 800px;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 10px;
}

#header {
    margin: 0;
}

#siteSearch {
    float: right;
    height: 36px;
    line-height: 36px;
    margin: 5px 10px 0 0;
}

#searchBox {
    margin-right: 5px;
}

#identity {
    height: 50px;
    vertical-align: middle;
    text-align: right;
    line-height: 50px;
}
#identity IMG {
    vertical-align: middle;
}
#whoami {
    padding-right: 5px;
    font-size: 11px;
}
#whoami A.primary {
    color: #09f;
}
#whoami A.primary:hover {
    color: #6bf;
}


#menu {
}
#menu DIV.primary {
    height: 22px;
}
#menu DIV.primary UL {
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 0;
}
#menu DIV.primary UL LI {
    height: 19px;
    width: 114px;
    float: left;
    display: block;
    margin-right: 2px;
    line-height: 19px;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-indent: 5px;
    text-transform: uppercase;
    background-image: url(/site/www/_/images/primarytab.png);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}
#menu DIV.primary UL LI A,
#menu DIV.primary UL LI A:link {
    height: 19px;
    width: 114px;
    display: block;
    color: #000;
    text-decoration: none;
}
#menu DIV.primary UL LI A:hover,
#menu DIV.primary UL LI A.active
 {

    background-image: url(/site/www/_/images/primarytab.png);
    background-position: 0 -19px;
    background-repeat: no-repeat;
    color: #000;
}
#menu DIV.primary UL LI.home
 {
    width: 40px;
    background-image: url(/site/www/_/images/hometab.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#menu DIV.primary UL LI.home A,
#menu DIV.primary UL LI.home A:link {
    width: 40px;
    text-indent: -100px;
}
#menu DIV.primary UL LI.home A:hover,
#menu DIV.primary UL LI.home A.active {
    background-image: url(/site/www/_/images/hometab.png);
}

#masthead {
    height: 90px;
    width: 945px;
    color: #fff;
    background-image: url(/site/www/_/images/mastheads/red.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
}
#masthead DIV.icon {
    margin: 5px;
    float: left;

}
#masthead DIV.icon IMG {
    height: 80px;
    width: 80px;
}
#masthead DIV.title, #masthead h1 {
    padding-top: 35px;
    font-family: helvetica;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    text-indent: 9px;
    text-transform: uppercase;
}
#masthead DIV.tagline, #masthead h2 {
    font-family: helvetica;
    font-size: 93%;
    text-indent: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
#masthead h2, #masthead h1 {
    margin: 0;
}
#masthead .markers {
    float: right;
    margin: 5px;
}

#menu DIV.secondary {
    margin-top: 3px;
    height: 22px;
    border-bottom: 1px solid #ddd;
}
#menu DIV.secondary UL {
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 0;
}
#menu DIV.secondary UL LI {
    height: 18px;
    width: 114px;
    float: left;
    display: block;
    margin-right: 3px;
    line-height: 19px;
    color: #444;
    font-size: 10px;
    font-weight: bold;
    text-indent: 5px;
    text-transform: uppercase;
    background-image: url(/site/www/_/images/secondarytab.png);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}
#menu DIV.secondary UL LI A,
#menu DIV.secondary UL LI A:link {
    height: 18px;
    width: 114px;
    display: block;
    color: #444;
    text-decoration: none;
}
#menu DIV.secondary UL LI A:hover {
    background-image: url(/site/www/_/images/secondarytab.png);
    background-position: 0 -18px;
    background-repeat: no-repeat;
    color: #666;
}
#menu DIV.secondary UL LI A.active {
    background-image: url(/site/www/_/images/secondarytab.png);
    background-position: 0 -36px;
    background-repeat: no-repeat;
    color: #09f;
}

#content {
    width: auto;
    margin: 10px auto 25px auto;
    overflow: hidden;
}

#notices {
    height: 1px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    z-index: 1000;
}

#heading {
    font-family: Georgia, serif;
    font-size: 197%;
    color: #666;
}
#heading SPAN.department {
    color: #999;
}
#heading SPAN.title {
    font-style: italic;
}
#breadcrumbs {
    margin: 0 0 10px 0;
    font-size: 85%;
    color: #666;
}

#pagedivider {
    width: 981px;
    height: 25px;
    margin: 0 auto;
    background-image: url(/site/www/_/images/pagedivider.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#footer DIV.sitemenu {
    width: 965px;
    margin: 0 auto;
    font-size: 85%;
    overflow: hidden;
}
#footer DIV.sitemenu A,
#footer DIV.sitemenu A:link {
    color: #bbb;
    text-decoration: none;
}
#footer DIV.sitemenu A:hover {
    color: #fff;
}

#footer UL {
    margin: 10px;
    padding: 0;
    list-style: none;
    font-size: 100%;
}
#footer UL LI {
    float: left;
    margin: 0;
}
#footer UL LI DL {
    margin: 0 20px 30px 20px;
}
#footer UL LI DL DT,
#footer UL LI DL DD {
    margin: 2px;
    padding: 1px;
}
#footer UL LI DL DT {
    color: #ddd;
    margin-bottom: 5px;
    font-weight: bold;
}

/* PHOTO STUFF*/
#lightbox{
	background-color:#9A32CD;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('/site/www/_/images/lightbox/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url('/site/www/_/images/lightbox/blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/www/_/images/lightbox/overlay.png", sizingMethod="scale");
	}
	

/******************** FORMS *********************/
LABEL {
    display: block;
    color: #00CCFF;
    font-size: 108%;
    line-height: 1.75em;
}

FIELDSET {
    width: auto;
    border: 1px solid #ddd;
    padding: 0 10px 10px 10px;
    overflow: hidden;
}

LEGEND {
    margin: 0 5px;
    padding: 0 10px;
    font-size: 116%;
    color: #690;
}

FORM DIV {
    width: 100%;
    margin-top: 10px;
    vertical-align: middle;
}
FORM DIV DIV {
    width: auto;
    margin-top: 0;
}
FORM DIV.inline {
    width: auto;
    float: left;
    margin-right: 10px;
}
FORM DIV.third {
    margin-top: 0;
    width: 33%;
    float: left;
}
FORM DIV.half {
    margin-top: 0;
    width: 50%;
    float: left;
}
DIV.twothirds {
    margin-top: 0;
    width: 66%;
    float: left;
}
FORM DIV.third DIV,
FORM DIV.half DIV,
DIV.twothirds DIV {
    margin-top: 15px;
}
FORM DIV.third DIV DIV,
FORM DIV.half DIV DIV,
DIV.twothirds DIV DIV {
    margin-top: 0;
}

INPUT, SELECT, TEXTAREA {
    vertical-align: middle;
}
INPUT {
    padding: 3px 5px;
    color: #235;
    border: 1px solid #89a;
    background: url(/site/www/_/images/inputbg.png) top left repeat-x;
}
TEXTAREA {
    padding: 3px 0 3px 5px;
    color: #235;
    border: 1px solid #89a;
    background: url(/site/www/_/images/inputbg.png) top left repeat-x;
}
SELECT {
    padding: 2px 0;
    color: #235;
}

BUTTON {
    position: relative;
    margin: 0 0 0 2px;
    padding: 0;
    height: 24px;
    width: 95px;
    color: #fff;
    font-size: 93%;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    background: url(/site/www/_/images/buttons/blankgrey.png) top left no-repeat;
}
SPAN.default SPAN BUTTON {
    background: url(/site/www/_/images/buttons/blank.png) top left no-repeat;
}
BUTTON.default {
    background: url(/site/www/_/images/buttons/blank.png) top left no-repeat;
}

BUTTON.ok,
BUTTON.okDisabled,
BUTTON.cancel,
BUTTON.save,
BUTTON.delete,
BUTTON.search,
BUTTON.send,
BUTTON.login,
BUTTON.join,
BUTTON.create,
BUTTON.update,
BUTTON.upload,
BUTTON.skip,
BUTTON.share,
BUTTON.signup,
BUTTON.signup-orange,
BUTTON.find,
BUTTON.invite,
BUTTON.inviteFriends,
BUTTON.add,
BUTTON.create,
BUTTON.addtofavorites,
BUTTON.removefavorite {
    height: 24px;
    width: 95px;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}
SPAN.hideme {
    overflow: hidden;
    display: block;
    opacity: 0;
    *filter: alpha(opacity=0);
    text-indent: -300px;
}
BUTTON.ok {
    background: url(/site/www/_/images/buttons/ok.png) top left no-repeat;
}
BUTTON.okDisabled {
    background: url(/site/www/_/images/buttons/ok-disabled.png) top left no-repeat !important;
}
BUTTON.cancel {
    background: url(/site/www/_/images/buttons/cancel.png) top left no-repeat;
}
BUTTON.save {
    width: 93px;
    background: url(/site/www/_/images/buttons/save.png) top left no-repeat;
}
BUTTON.delete {
    background: url(/site/www/_/images/buttons/delete.png) top left no-repeat;
}
BUTTON.search {
    background: url(/site/www/_/images/buttons/search.png) top left no-repeat;
}
BUTTON.send {
    background: url(/site/www/_/images/buttons/send.png) top left no-repeat;
}
BUTTON.invite {
    background: url(/site/www/_/images/buttons/invite.png) top left no-repeat;
}
BUTTON.remove {
    background: url(/site/www/_/images/buttons/remove.png) top left no-repeat;
}
BUTTON.login {
    background: url(/site/www/_/images/buttons/login.png) top left no-repeat;
}
BUTTON.join {
    background: url(/site/www/_/images/buttons/join.png) top left no-repeat;
}
BUTTON.create {
    background: url(/site/www/_/images/buttons/create.png) top left no-repeat;
}
BUTTON.update {
    background: url(/site/www/_/images/buttons/update.png) top left no-repeat;
}
BUTTON.upload {
    background: url(/site/www/_/images/buttons/upload.png) top left no-repeat;
}
BUTTON.skip {
    background: url(/site/www/_/images/buttons/skip.png) top left no-repeat;
}
BUTTON.signup {
    background: url(/site/www/_/images/buttons/signup.png) top left no-repeat;
}
BUTTON.signup-orange {
    background: url(/site/www/_/images/buttons/signup-orange.png) top left no-repeat;
}
BUTTON.find {
    background: url(/site/www/_/images/buttons/find.png) top left no-repeat;
}
BUTTON.inviteFriends {
    background: url(/site/www/_/images/buttons/inviteFriends.png) top left no-repeat;
    width: 105px;
}
BUTTON.add {
    background: url(/site/www/_/images/buttons/add.png) top left no-repeat;
}
BUTTON.create {
    background: url(/site/www/_/images/buttons/create.png) top left no-repeat;
}
BUTTON.x {
    width: 16px;
    height: 16px;
    background: url(/site/www/_/images/icons/alert.png) 0 -64px no-repeat;
}
BUTTON.addtofavorites {
    width: 119px;
    background: url(/site/www/_/images/buttons/addtofavorites.png) top left no-repeat;
}
BUTTON.removefavorite {
    width: 119px;
    background: url(/site/www/_/images/buttons/removefavorite.png) top left no-repeat;
}

BUTTON.small,
.yui-panel .button-group button,
BUTTON.signup-orange-small,
BUTTON.login-small {
    height: 20px;
    width: 70px;
    line-height: 20px;
    font-size: 85%;
    background: url(/site/www/_/images/buttons/blank-small.png) top left no-repeat;
}
BUTTON.signup-orange-small {
    background: url(/site/www/_/images/buttons/signup-orange-small.png) top left no-repeat;
}
BUTTON.login-small {
    background: url(/site/www/_/images/buttons/login-small.png) top left no-repeat;
}

BUTTON.find-endcap {
    height: 26px;
    width: 43px;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}
BUTTON.find-endcap {
    width: 44px;
    background: url(/site/www/_/images/buttons/find-endcap.png) top left no-repeat;
}

.formNotice {
    margin: 5px;
    color: #666;
    background-color: #ffc;
    border: 1px solid #CC0;
    padding: 10px;
}
.formNotice UL LI {
    margin-bottom: 5px;
    list-style: disc;
}

/******************** TYPO *********************/
#identity A,
#identity A:link {
    color: #444;
}
#identity A:hover {
    color: #999;
}
.note, .flag {
    font-size: 85%;
    color: #888;
}

SPAN.flag IMG {
    vertical-align: middle;
    margin-bottom: 4px;	
}

.notice {
    color: #666;
}
.required {
    color: #cc0000;
    font-size: 85%;
}
.lowercase {
    text-transform: lowercase;
}
.light {
    color: #888;
}

.default {
    color: #999;
}

blockquote.quote {
    padding: 5px;
    margin: 5px;
    background-color: #f7f7f7;
}
blockquote.quote span {
    font-size: 85%;
    font-style: italic;
}

/******************** COMMON LAYOUT *********************/
DIV.col1 {
    width: 610px;
    float: left;
    margin: 0;
    padding: 0;
}

DIV.col2 {
    width: 320px;
    float: right;
    margin: 0;
    padding: 0;
}

.half {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}

DIV.col1 DIV.block,
DIV.formCol DIV.block,
DIV#commentBlock DIV.block {
    width: 100%;
    margin-bottom: 15px;
}

DIV.col2 DIV.block {
    margin-bottom: 15px;
    padding-top: 5px;
    background: url(/site/www/_/images/blockbg2.png) top left repeat-x;
}
DIV.col2 DIV.subblock {
    margin-bottom: 10px;
}

DIV.subblock DIV.title,
DIV.block DIV.title {
    margin-bottom: 10px;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.75em;
    text-transform: uppercase;
    color: #000;
}
DIV.subblock DIV.title {
    margin-bottom: 5px;
}

.odd {
    background-color: #f7f7f7;
}
DIV.selected {
    background-color: #ffc;
}

DIV.clear {
    clear: both;
}

DIV.hide {
    visibility: hidden;
}

.greyBox {
    border: 5px solid #eee;
    padding: 5px
}

.bordered {
    border: 1px solid #DDD;
}

DIV.formCol {
    width: 580px;
    margin: 0 auto;
    padding: 0;
}

DIV.formCol DIV.container {
    padding: 10px !important;
}

DIV.buttonBar SPAN {
    vertical-align: middle;
    font-size: 93%;
}

FORM DIV.note {
    margin-top: 5px;
}

/**************** COMMON COMPONENTS ****************/
div.nodata,
div.caution {
    background-color: #ffc;
    border: 1px solid #cc0;
    margin: 5px;
    padding: 10px;
    line-height: 2em;
    text-align: center;
    color: #660;
}
div.notification {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    color: #367;
    margin: 5px;
    padding: 10px;
    line-height: 2em;
    text-align: center;
}

DIV.author DIV.icon {
    width: 87px;
    height: 87px;
    margin-bottom: 10px;
    float: left;
}
DIV.author DIV.icon IMG.profilePic {
    height: 75px;
    width: 75px;
    margin: 5px 6px 0 6px;
}

/******************* FAVORITES ********************/

DIV.userGrid {
    position: relative;
    padding: 10px 5px;
}

DIV.userGrid DIV.user {
    float: left;
    height: 100px;
    width: 100px;
    padding: 0 5px 10px 5px;
    margin: 0;
    text-align: center;
}
DIV.userGrid DIV.icon {
    position: relative;
    height: 100px;
    width: 100px;
    background: none;
}
DIV.userGrid DIV.icon IMG.profilePic {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0;
    border: solid 1px #eee;
    z-index: 0;
}

DIV.userGrid DIV.icon DIV.profilePic DIV.delete {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
    visibility: hidden;
}
DIV.userGrid DIV.icon DIV.name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    margin: 0;
    background:transparent url(/site/www/_/images/fiftypercentblack.png) repeat-x left bottom;
    overflow: hidden;
    z-index: 2;
}
DIV.userGrid DIV.icon DIV.name A,
DIV.userGrid DIV.icon DIV.name A:link {
    color: #fff;
    font-size: 85%;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    padding: 0;
}

/******************* PAGINATION ********************/
DIV.paginationContainerLite {
    position: absolute;
    top: 9px;
    right: 0;
    text-align: right;
    height: 20px;
}
DIV.paginationContainer {
    position: absolute;
    top: 12px;
    right: 0;
    text-align: right;
    height: 20px;
}
DIV.pagination {
    height: 20px;
    position: relative;
    font-size: 77%;
    font-weight: bold;
    color: #777;
    width: 250px;
    z-index: 1;
}
DIV.pagination DIV.previous,
DIV.pagination DIV.next {
    width: 18px;
    height: 20px;
    position: absolute;
    top: 0;
}
DIV.pagination DIV.previous {
    left: -5px;
    background: url(/site/www/_/images/icons/pagination.png) 0 0 no-repeat;
}
DIV.pagination DIV.next {
    right: -5px;
    background: url(/site/www/_/images/icons/pagination.png) 0 -20px no-repeat;
}
DIV.pagination DIV.previous A,
DIV.pagination DIV.previous A:link,
DIV.pagination DIV.next A,
DIV.pagination DIV.next A:link {
    margin: 0;
    padding: 0;
    display: block;
    width: 18px;
    height: 20px;
    overflow: hidden;
}

DIV.pagination DIV.pages {
    position: absolute;
    right: 0px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
}
DIV.pagination DIV.pages A,
DIV.pagination DIV.pages A:link {
    padding: 0;
    font-size: 100%;
    color: #f60;
}
DIV.pagination DIV.pages A:hover {
    font-size: 100%;
    color: #f93;
}
DIV.pagination DIV.pages SPAN.label {
    display: block;
    float: left;
    height: 20px;
    padding: 0 5px 0 20px;
    line-height: 18px;
    background: url(/site/www/_/images/paginationbg.png) top left no-repeat;
}
DIV.pagination DIV.pages SPAN.numbers {
    display: block;
    float: left;
    height: 20px;
    padding-right: 20px;
    line-height: 18px;
    background: url(/site/www/_/images/paginationbg.png) top right no-repeat;
}

/***************************************************/
/*                    Tables                       */
/***************************************************/
table.list {
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 85%;
    background-color: #E7E7E7;
    color: #666;
}

table.list caption {
    font-weight: bold;
    background: #eee;
    border-bottom:2px solid #ccc;
    color: #444;
    text-transform: uppercase;
    padding:10px;
}

table.list td,
table.list th {
    padding: 4px;
}

table.list thead th {
    text-align: center;
    background: #F5F5F5;
    color: #666;
    border: 1px solid #FFF;
    text-transform:uppercase;
}

table.list tbody th {
    font-weight: bold;
}

table.list tbody tr {
    background-color:#FFF; 
    text-align:left;
}

table.list tbody tr.odd     {
    background: #f9f9f9;
    border-top:1px solid #FFF;
}
    
table.list tbody th a:hover{
    color: #FF8601;
}

table.list tbody tr td { 
    padding: 5px;
    background: #FFF;
    border: 1px solid #FFF;
}

table.list tbody tr.odd td{ 
    background: #f9f9f9;
    border-top: 1px solid #FFF;
}

table.list tfoot th,
table.list tfoot td {
    background-color:#E7E7E7;
    text-align:center;
    font-weight: bold;
    color: #666;
    border-bottom: 3px solid #CCC;
    border-top: 1px solid #DFDFDF;
    border-left: none;
    border-right: none;
}


/***************************************************/
/*                   Tag Cloud                     */
/***************************************************/
DIV.tagcloud {
    text-align: center;
    vertical-align: middle;
}
DIV.tagcloud UL {
    margin: 0;
    padding: 0;
}
DIV.tagcloud UL LI {
    display: inline;
    padding: 5px;
    line-height: 1.44em;
}
DIV.tagcloud UL LI A,
DIV.tagcloud UL LI A:link {
    color: #999;
}
DIV.tagcloud UL LI A:hover {
    color: #69f !important;
}

/***************************************************/
/*                   YUI Skins                     */
/***************************************************/

/* notices */
.fuzz-notice {
    position: absolute;
    overflow: visible;
}
.fuzz-notice DIV.hd,
.fuzz-notice DIV.bd,
.fuzz-notice DIV.ft {
    height: 27px;
    font-size: 11px;
    line-height: 27px;
}
.fuzz-notice DIV.hd {
    width: 30px;
    float: left;
    text-align: left;
    background: url(/site/www/_/images/noticebg.png) top left no-repeat;
}
.fuzz-notice DIV.bd {
    margin: 0 5px 0 5px;
    text-align: left;
    background: url(/site/www/_/images/noticebg.png) -10px 0 no-repeat;
}
.fuzz-notice DIV.ft {
    width: 20px;
    float: right;
    background: url(/site/www/_/images/noticebg.png) top right no-repeat;
}
.fuzz-notice SPAN.container-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 17px;
    background: url(/site/www/_/images/buttons/close.png) top left no-repeat;
}
.fuzz-notice DIV.icon {
    width: 19px;
    height: 17px;
    margin: 5px 0 0 5px;
    /** background: url(/site/www/_/images/icons/caution.png) top left no-repeat; **/
}

/* Containers */
.mask {
    background-color: #000;
    opacity: .25;
    *filter: alpha(opacity=25);  /* Set opacity in IE */
    overflow: hidden;
}

.yui-panel-container {
}

.yui-panel {
    position: relative;
    *zoom: 1;
    left: 0;
    top: 0;
    border: none;
    z-index: 1;
}

.yui-panel .hd,
.yui-panel .bd,
.yui-panel .ft {
    *zoom: 1;
    *position: relative;

    border: none;
}

.yui-panel .bd,
.yui-panel .ft {
}

.yui-panel .hd {
    padding: 10px 0 0 10px;
    font-size: 108%;
    line-height: 2;
    color: #09f;
    border-bottom: 1px solid #eee;
}

.yui-panel .bd {
    padding: 10px;
}

.yui-panel .bd .prompt {
    padding-bottom: 10px;
    font-size: 85%;
}

.yui-panel .ft {
    border-top: solid 1px #808080;
    font-size: 77%;
}

.yui-panel-container.focused .yui-panel .hd {

}

.yui-panel .container-close {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 17px;
    height: 17px;
    background: url(/site/www/_/images/buttons/close.png) top left no-repeat;
}

/* Dialog styles */
.yui-panel .ft {
    border-top: none;
    padding: 5px 10px;
    font-size: 100%;
}

.yui-panel .ft .button-group {
    display: block;
    text-align: right;
}

/* Rounded Corners */
.yui-panel {
 position:relative;
 min-width:8em;
 max-width:1000px; /* based on image dimensions */
 z-index:10;
 margin-left:12px; /* default, width of left corner */
}

.yui-panel .content,
.yui-panel .t,
.yui-panel .b,
.yui-panel .b div {
 background:transparent url(/site/www/_/images/dialogbg.png) no-repeat top right;
 _background-image:url(/site/www/_/images/dialogbg.png);
}

.yui-panel .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.yui-panel .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.yui-panel .b {
 /* bottom */
 position:relative;
 width:100%;
}

.yui-panel .b,
.yui-panel .b div {
 height: 12px; /* height of bottom cap/shade */
 font-size:1px;
}

.yui-panel .b {
 background-position:bottom right;
}

.yui-panel .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.yui-panel .hd,
.yui-panel .bd,
.yui-panel .ft {
 /* position:relative; */
}

.yui-panel .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.yui-panel h1,
.yui-panel p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.yui-panel h1 {
 padding-bottom:0px;
}

.yui-panel .button-group button {
    background: url(/site/www/_/images/buttons/blankgrey-small.png) top left no-repeat;
}
.yui-panel .button-group .default button {
    background: url(/site/www/_/images/buttons/blank-small.png) top left no-repeat;
}

/* calendar */
yui-calcontainer {
    position:relative;
    float:left;
    _overflow:hidden;
}
.yui-calcontainer iframe {
    position:absolute;
    border:none;
    margin:0;
    padding:0;
    z-index:0;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}
.yui-calcontainer iframe.fixedsize {
    width:50em;
    height:50em;
    top:-1px;
    left:-1px;
}
.yui-calcontainer.multi .groupcal {
    z-index:1;
    float:left;
    position:relative;
}
.yui-calcontainer .title {
    position:relative;
    z-index:1;
}
.yui-calcontainer .close-icon {
    position:absolute;
    z-index:1;
}
.yui-calendar {
    position:relative;
}
.yui-calendar .calnavleft {
    position:absolute;
    z-index:1;
}
.yui-calendar .calnavright {
    position:absolute;
    z-index:1;
}
.yui-calendar .calheader {
    position:relative;
    width:100%;
    text-align:center;
}
.yui-calendar .calbody a:hover {
    background:inherit;
}
p#clear {
    clear:left;
    padding-top:10px;
}
.yui-calcontainer.multi {
    padding:0 5px 0 5px;
}
.yui-calcontainer.multi .groupcal {
    background-color:transparent;
    border:none;
    padding:10px 5px 10px 5px;
    margin:0;
}
.yui-calcontainer .title {
    background:url(/site/www/_/images/tabs/submenubg.png) repeat-x 0 0;
    border-bottom:1px solid #cccccc;
    font:100% sans-serif;
    color:#000;
    font-weight:bold;
    height:auto;
    padding:.4em;
    margin:0 -10px 10px -10px;
    top:0;
    left:0;
    text-align:left;
}
.yui-calcontainer.multi .title {
    margin:0 -5px 0 -5px;
}
.yui-calcontainer.withtitle {
    padding-top:0;
}
.yui-calcontainer .calclose {
    background:url(/site/www/_/images/buttons/close.png) no-repeat;
    width:25px;
    height:20px;
    top:.4em;
    right:.4em;
    cursor:pointer;
}
.yui-calendar {
    border-spacing:0;
    border-collapse:collapse;
    font:100% sans-serif;
    text-align:center;
}
.yui-calendar .calhead {
    background:transparent;
    border:none;
    vertical-align:middle;
}
.yui-calendar .calheader {
    background:transparent;
    font-weight:bold;
    padding:0 0 .6em 0;
    text-align:center;
}
.yui-calendar .calheader img {
    border:none;
}
.yui-calendar .calnavleft {
    background: url(/site/www/_/images/icons/pagination.png) 0 0 no-repeat;
    width:18px;
    height:20px;
    top:-3px;
    left:-5px;
    cursor:pointer;
}
.yui-calendar .calnavright {
    background: url(/site/www/_/images/icons/pagination.png) 0 -20px no-repeat;
    width:18px;
    height:20px;
    top:-3px;
    right: 0px;
    cursor:pointer;
}
.yui-calendar .calweekdayrow {
    height:2em;
}
.yui-calendar .calweekdaycell {
    color:#000;
    font-weight:bold;
    text-align:center;
    width:2em;
}
.yui-calendar .calfoot {
    background-color:#f2f2f2;
}
.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
    color:#a6a6a6;
    font-size:85%;
    font-style:normal;
    font-weight:normal;
}
.yui-calendar .calrowhead {
    text-align:right;
    padding-right:2px;
}
.yui-calendar .calrowfoot {
    text-align:left;
    padding-left:2px;
}
.yui-calendar td.calcell {
    border:1px solid #cccccc;
    background:#fff;
    padding:1px;
    height:1.6em;
    line-height:1.6em;
    text-align:center;
    white-space:nowrap;
}
.yui-calendar td.calcell a {
    color:#0066cc;
    display:block;
    height:100%;
    text-decoration:none;
}
.yui-calendar td.calcell.today {
    background-color:#eef0ff;
}
.yui-calendar td.calcell.today a {
    color: #369;
}
.yui-calendar td.calcell.oom {
    background-color:#ccc;
    color:#888;
    cursor:default;
}
.yui-calendar td.calcell.selected {
    background-color:#fff;
    color:#000;
}
.yui-calendar td.calcell.selected a {
    background-color:#b3d4ff;
    color:#000;
}
.yui-calendar td.calcell.calcellhover {
    background-color:#426fd9;
    color:#fff;
    cursor:pointer;
}
.yui-calendar td.calcell.calcellhover a {
    background-color:#426fd9;
    color:#fff;
}
.yui-calendar td.calcell.previous {
    color:#e0e0e0;
}
.yui-calendar td.calcell.restricted {
    text-decoration:line-through;
}
.yui-calendar td.calcell.highlight1 {
    background-color:#ccff99;
}
.yui-calendar td.calcell.highlight2 {
    background-color:#99ccff;
}
.yui-calendar td.calcell.highlight3 {
    background-color:#ffcccc;
}
.yui-calendar td.calcell.highlight4 {
    background-color:#ccff99;
}
/***************************************************/
/*     Sharing and Bookmarking Buttons & widgets
/***************************************************/
DIV.tweem DIV.content DIV.actions A.addThisButton {
}


#page-wrap			{ width: 800px; margin: 0 auto; }

.photo-link			{ padding: 5px; margin: 5px; border: 1px solid #999; display: block; width: 100px;
					  float: left; }
.photo-link:hover	{ border-color: white; }