@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/
a img{border:none;}

PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
.PageTitleHeader {font-size:24px;line-height:24px;}
.PageSubTitleHeader {font-size:20px; line-height:24px;}
#PageTitle, .PageTitleHeader { display:none;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#002E5F!important;}
.expand img {background-color: #002E5F!important;}
.expand {background-color: #002E5F!important;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.memberTools {float:none; height:20px; font-size:11px;}
#ContentMemberToolsNew {float:right;}
#ContentMemberToolsNew ul {list-style:none;margin:0;padding:0;}
#ContentMemberToolsNew li {float:left;padding:0 10px;}
#ContentMemberToolsNew a {display:block;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/
.sidebar_block {position:relative; z-index:5;}
#ContentMiddleLayoutSubBoxTxt {padding:10px 12px;font-size: 14px; line-height: 22px;}
#ContentMiddleLayoutSubBoxTxt a {color:#4E3227;}
#ContentMiddleLayoutSubBoxTxt li {margin-left:-12px;}

/* Flyout nav */
#leftnavContainer {}
#leftnavContainer li:hover {background:#fff;}
#leftnavContainer li ul {left: -999em; margin-left: 197px; margin-top: -32px; position: absolute; width:200px; padding:5px 0 10px; background:#fff;}
#leftnavContainer li ul ul {left: -999em;}
#leftnavContainer li li {}
#leftnavContainer li li a {background: none repeat scroll 0 0 #fff; border-bottom: medium none !important; padding:5px 12px; line-height:normal; font-size:12px;}
#leftnavContainer li li a span {border:none;}

#leftnavContainer li:hover ul ul, 
#leftnavContainer li:hover ul ul ul,
#leftnavContainer li.sfhover ul ul, 
#leftnavContainer li.sfhover ul ul ul {left: -999em;}

#leftnavContainer li:hover ul, 
#leftnavContainer li li:hover ul, 
#leftnavContainer li li li:hover ul, 
#leftnavContainer li.sfhover ul, 
#leftnavContainer li li.sfhover ul, 
#leftnavContainer li li li.sfhover ul {left: auto;}

#leftnavContainer li:hover, 
#leftnavContainer li li:hover, 
#leftnavContainer li li li:hover, 
#leftnavContainer li.sfHover, 
#leftnavContainer li li li.sfHover, 
#leftnavContainer li li.sfHover {position: static;}

/* BODY ELEMENTS
---------------------------------------------*/
input, textarea, select { padding:3px; margin:0 0 5px;}
select {min-width:100px;}

.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile {background:#EAE1C9;color:#002E5F;}
.EventsHeader td {padding:3px 6px;}

input, textarea, select {font-size:13px;}

#ContentInnerPhoto {width:522px; height:141px; overflow:hidden;}

#divSocialButtons ul li {margin:0 5px 0 0;}

/* profile */
#ContentMiddle .imod-profile-left-nav ul li {color:#333; border-bottom-color:#f5f0e2;}

/* RIGHT COLUMN
---------------------------------------------*/
#ContentMiddleLayoutLogin {font-size: 14px; line-height: 22px; display:block; padding:0 0 10px;}
.connect {margin:11px 0 20px; padding:12px; width:217px;}
.connect ul {margin:0 0 0 -12px; width:241px;}
.connect ul li {font-size: 14px; line-height: 32px;}
.connect ul li a {color: #4E3227;display: block; padding-left: 12px;}
.connect ul li:hover {background:#fff;}

.thumb {background:url(images/bkgd_eventsThumb.gif) no-repeat center center #0c2646; height:67px; overflow:hidden;}
.thumb img {height:67px; width:97px;}

/* Footer Elements 
---------------------------------------------*/