/* ELEMENTS
----------------------------------------------------------*/
html, body, div, p, h1, h2, h3, hr, blockqote, ul, ol, li, span, a, label, table, tr, th, td { color: #59748F; font-family: "Trebuchet MS" , Arial, Helvetica, Verdana; }
body { background: url(images/page_background.png) repeat-x; margin: 0; padding: 0; }
h1 { font-family: "Trebuchet MS" , Helvetica, Arial, Verdana; font-size: 1.5em; margin-bottom: 10px; }
h2 { color: #2187D9; font-size: 1.4em; }
hr { color: #004A2B; height: 1px; }
p { margin-bottom: 10px; }
blockquote { font-style: italic; letter-spacing: .1em; line-height: 1.3em; margin: 5px 20px 10px 10px; }
label { font-weight: bold; }
em { font-style: italic; }
strong { font-weight: bold; }
ul.normal, ul.spaced { list-style: disc; margin: 10px 40px 10px 40px; }
ul.spaced li { margin: 5px; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#page { margin: 10px auto 10px auto; padding: 0; width: 780px; }
#logo { background: url(images/logo.png) no-repeat; clear: both; height: 154px; position: relative; top: -5px; z-index: 1; }
#content { border: none; margin: 0; padding: 5px 0 20px 0; }
#leftcolumn { float: left; margin: 0; width: 180px; }
#leftcolumn2 { float: left; margin: 0 10px 0 0; width: 588px; }
#centercolumn { float: left; margin: 0 9px 0 9px; width: 400px; }
#rightcolumn { float: left; margin: 0; width: 180px; }
#rightcolumn2 { float: left; margin: 0 0 0 10px; width: 588px; }
#footer { clear: both; height: 30px; margin: 20px 10px 10px 10px; padding: 10px 10px 5px 10px; text-align: center; }
#popup { background: none; background-image: none; background-color: #FFF; margin: 20px; }


/* SIGN IN    
----------------------------------------------------------*/
#signin { margin: 2px 5px 2px 0; text-align: right; }
#signin #key { background: url(images/key.png) no-repeat 0px 50%; padding-left: 20px; }
#signin #signout { background: url(images/lock_go.png) no-repeat 0px 50%; padding-left: 20px; }


/* MAIN MENU 
----------------------------------------------------------*/
#mainmenu { height: 34px; margin: 10px 0 0 0; position: relative; z-index: 10; }
#mainmenu ul { list-style: none; margin: 0px; padding: 0px; }
#mainmenu li { display: inline; float: left; }
#mainmenu > ul > li.left { background: url(images/menu_left.png) repeat-x; height: 34px; }
#mainmenu > ul > li.tab { background: url(images/menu_background.png) repeat-x; padding: 8px 0 2px 0; }
#mainmenu li.tab:hover { background: url(images/menu_background_over.png) repeat-x; }
#mainmenu > ul > li.seperator { background: url(images/menu_seperator.png) no-repeat; height: 34px; width: 3px; }
#mainmenu > ul > li.right { background: url(images/menu_right.png) repeat-x; height: 34px; width: 6px; }
#mainmenu li a { border: none; font-weight: 700; letter-spacing: -1px; padding: 0 12px 0 12px; text-decoration: none; }


/* ACCORDION MENU 
----------------------------------------------------------*/
#accordion-menu a { display: block; font-size: .9em; margin: 0 0 3px 5px; padding: 0; }
.general-panel-icon { background: url(images/wrench.png) no-repeat; }
.calendar-panel-icon { background: url(images/calendar.png) no-repeat; }
.news-panel-icon { background: url(images/newspaper.png) no-repeat; }
.groups-panel-icon { background: url(images/group.png) no-repeat }
.security-panel-icon { background: url(images/user.png) no-repeat; }


/* AD SECTIONS 
----------------------------------------------------------*/
#site-sponsors-panel { margin-top: 20px; }
#site-sponsors-panel div { margin: 15px 0 15px 0; }
.hoa-website-sponsor h3 { font-size: .8em; }
.hoa-website-sponsor span.line1, .hoa-website-sponsor span.line2 { font-size: .7em; }
.hoa-website-sponsor span.website { color: #52A1EC; font-size: .8em; }


/* HOME 
----------------------------------------------------------*/
#hoa-websites-elevator-pitch { font-size: 1.6em; padding: 30px 40px 10px 40px; text-align: center; }
#hoa-websites-search { background: url(images/search_background.png) no-repeat; height: 181px; margin: 20px 0 0 40px; padding: 125px 10px 0 70px; width: 280px; }
#hoa-websites-learn-more { background: url(images/learn_more_background.png) no-repeat; float: right; height: 238px; margin: 32px 40px 0 0; padding: 45px 20px 20px 20px; width: 241px; }
#hoa-websites-learn-more p { margin: 30px 20px 20px 20px; }


/* PRICING
----------------------------------------------------------*/
#hoa-websites-pricing h2, #hoa-websites-panel h2 { font-size: 1.6em; padding: 10px 0 0 0; text-align: center; }
#hoa-websites-sub-text { font-size: 1.2em; font-weight: bold; text-align: center; }
#hoa-websites-feature-grid { border-bottom: solid 1px #ABD0EB; border-top: solid 1px #ABD0EB; margin: 10px 0 10px 0; }
#hoa-websites-feature-grid .hoa-websites-plan-name td { border-right: solid 1px #ABD0EB; color: #2187D9; font-size: 1.3em; padding: 15px 0 0 0; }
#hoa-websites-feature-grid .hoa-websites-plan-price td { border-right: solid 1px #ABD0EB; font-weight: bold; }
#hoa-websites-feature-grid .hoa-websites-plan-sign-up { height: 40px; }
#hoa-websites-feature-grid .hoa-websites-plan-feature { height: 30px; }
#hoa-websites-feature-grid .hoa-websites-ultimate-plan { background-color: #F2F7FB; border-right: solid 1px #ABD0EB; text-align: center; width: 130px; }
#hoa-websites-feature-grid .hoa-websites-premium-plan { background-color: #F0F8FB; border-right: solid 1px #ABD0EB; text-align: center; width: 130px; }
#hoa-websites-feature-grid .hoa-websites-standard-plan { background-color: #E3EDF7; border-right: solid 1px #ABD0EB; text-align: center; width: 155px; }
#hoa-websites-feature-grid .hoa-websites-basic-plan { background-color: #F0F8FB; border-right: solid 1px #ABD0EB; text-align: center; width: 130px; }
#hoa-websites-feature-grid .hoa-websites-feature-name { border-left: solid 1px #ABD0EB; border-right: solid 1px #ABD0EB; padding: 0 10px 0 0; text-align: right; width: 195px; }
#hoa-websites-feature-grid .included { background: url(images/tick.png) no-repeat 0px 50%; margin-left: 10px; padding-left: 20px; }
#hoa-websites-feature-grid .hoa-websites-plan-footer td { font-size: .7em; }
#hoa-websites-pricing .hoa-websites-free-plan { font-size: .7em; margin: 0 0 15px 0; }
.hoa-websites-special-offer { background-color: #52a1e3; color : #ffffff; padding: 5px 0 5px 0; text-align: center; }
.hoa-websites-special-offer a { color : #ffffff; }


/* MISC 
----------------------------------------------------------*/
.bold { font-weight: 700; }
.button { background: url(images/button_background.png) no-repeat; border: none; color: #fefefe; cursor: pointer; font-weight: bold; height: 27px; letter-spacing: -1px; margin: 0px; padding: 2px; text-transform: uppercase; width: 97px; }
.confirm { padding: 10px 0 10px 0; }


/* MESSAGES 
----------------------------------------------------------*/
.error, .info, .success, .warning { border-bottom: 2px solid; border-top: 2px solid; color: #000000; margin-top: 10px; padding: 1em 2em 2em 2em; text-align: left; vertical-align: text-bottom; }
.error { background-color: #FFC7C7; border-color: #A50000; }
.info { background-color: transparent; border-color: transparent; margin-bottom: 20px; padding-bottom: 0; }
.success { background-color: #F6FFC7; border-color: #598D03; }
.warning { background-color: #FFFAC7; border-color: #FF6A03; }
.messageTitle { font-weight: 800; padding-left: 20px; }
.messageText { padding: .8em 0 0 0; }
.error .messageTitle { background: url(images/error.png) no-repeat 0 50%; }
.info .messageTitle { background: url(images/information.png) no-repeat 0 50%; }
.success .messageTitle { background: url(images/accept.png) no-repeat 0 50%; }
.warning .messageTitle { background: url(images/warning.png) no-repeat 0 50%; }


/* LINKS 
----------------------------------------------------------*/
a { text-decoration: none; border-bottom: dotted 1px; }
a.external { background: url(images/world_go.png) no-repeat 100% 50%; padding-right: 20px; }
a.feed { background: url(images/feed.png) no-repeat 0px 50%; padding-left: 20px; }
a.help { background: url(images/help.png) no-repeat 0px 50%; border: none; padding-left: 20px; }
a.userprofile { background: url(images/user_edit.png) no-repeat 0px 50%; padding-left: 20px; }
a.usersettings { background: url(images/wrench.png) no-repeat 0px 50%; padding-left: 20px; }


/* TILE PANEL 
----------------------------------------------------------*/
.tilepanel { background: url(images/tile_header_background.png) repeat-x #E3EDF7; border: solid 2px #dddddd; padding: 5px 10px 10px 10px; }
.tilepanel h1 { border-bottom: solid 1px #52A1EC; color: #677D95; font-size: 1.1em; font-weight: 700; letter-spacing: -1px; padding-bottom: 2px; }
.tilepanel a { color: #52A1EC; }


/* CONTENT PANEL 
----------------------------------------------------------*/
.contentpanel { background: url(images/content_background.png) repeat-x #F2F7FB; border: solid 2px #dddddd; padding: 5px 10px 10px 10px; }
.contentpanel h1 { border-bottom: solid 1px #52A1EC; color: #677D95; font-size: 1.1em; font-weight: 700; letter-spacing: -1px; padding-bottom: 2px; }
.contentpanel a { color: #52A1EC; }


/* SECTION PANEL 
----------------------------------------------------------*/
.sectionpanel { background-color: #F0F8FB; border: solid 1px #ABD0EB; margin: 0 10px 10px 10px; padding: 10px; }


/* TOUR 
----------------------------------------------------------*/
#toursection { width: 755px; height: 440px; position: relative; }
#tour-menu { position: absolute; left: 5px; top: 0; width: 160px; text-align: left; padding-top: 15px; overflow: visible; }
#tour-menu .tour-item { color: #555; font-size: 12px !important; line-height: 24px; text-align: left; padding: 0; width: 181px; font-family: arial,tahoma,sans-serif; cursor: hand; }
#tour-menu .tour-item-over { background: transparent url(images/tour_active_menu_background.png) no-repeat; border-bottom: 0 none; color: #fff; cursor: default; }
#tour-menu .tour-item-over span { color: #fff; }
#tour-menu .tour-inactive-over span { text-decoration: underline; }
#tour-box { position: absolute; left: 178px; top: 5px; line-height: 14px; font-size: 11px; }
#tour-box .tour-slider { position: absolute; left: 10px; top: 10px; width: 555px; height: 430px; overflow: hidden; }
#tour-box .tour-slider h1 { font-size: 1.1em; }
#tour-box .tour-slider div { font-size: 1.4em; line-height: 1.4em; }


/* DASHBOARD 
----------------------------------------------------------*/
#profilepanel { margin-bottom: 20px; }
#weatherpanel #weathersection { text-align: center; }
#weatherpanel #weathersection h3 { font-size: 1.5em; font-weight: 600; }
#weatherpanel #weathersection #provider { font-size: .6em; }

#eventsdashboardpanel .event { border-bottom: solid 1px #ABD0EB; color: #555555; line-height: 120%; margin: 10px 0 10px 0; min-height: 60px; }
#eventsdashboardpanel .event .date { color: #888888; float: left; font-weight: 700; line-height: 150%; margin: 0 5px 0 0; text-align: center; text-transform: uppercase; }
#eventsdashboardpanel .event .date .day { color: #888888; font-size: 1.5em; }
#eventsdashboardpanel .event h3 { background: url(images/calendar.png) no-repeat 5px 2px; border-left: 1px solid #ABD0EB; font-weight: 600; margin: 0 0 0 40px; padding: 0 0 0 25px; }


/* NEWS 
----------------------------------------------------------*/
#newsTasksPanel .viewnews { background: url(images/newspaper.png) no-repeat 0px 50%; padding-left: 20px; }
#newspanel a.add, a.addnews { background: url(images/newspaper_add.png) no-repeat 0px 50%; padding-left: 20px; }
#newspanel .news { border-bottom: solid 1px #ABD0EB; color: #809AB1; line-height: 170%; margin: 10px; }
#newspanel .news .date { color: #7F99B4; float: left; font-weight: 700; text-align: center; text-transform: uppercase; width: 40px; }
#newspanel .news .date .day { color: #7F99B4; font-size: 1.2em; font-weight: 700; }
#newspanel .news h3 { background: url(images/newspaper.png) no-repeat 10px 5px; border-left: 1px solid #ABD0EB; color: #2D92DA; font-weight: 700; margin: 0 10px 0 60px; padding: 0 0 0 30px; }
#newspanel .news p { border-left: 1px solid #ABD0EB; margin: 0 10px 0 60px; padding: 0 0 10px 30px; }
#newspanel .news a.more { background: url(images/newspaper_go.png) no-repeat 0px 50%; padding-left: 20px; }
#newspanel .news a.comments { background: url(images/comments.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#newspanel .news a.edit { background: url(images/newspaper_edit.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#postpanel a.edit { background: url(images/newspaper_edit.png) no-repeat 0px 50%; float: right; margin-left: 5px; padding-left: 20px; }
#postpanel .author { font-weight: 600; }
#postpanel .date { font-style: italic; }
#archivePanel { margin-top: 20px; }


/* USER-CONTENT 
----------------------------------------------------------*/
#user-content ol { list-style-type: decimal; margin: 10px 40px 10px 40px; }
#user-content ul { list-style: disc; margin: 10px 40px 10px 40px; }


/* COMMENTS 
----------------------------------------------------------*/
#commentsPanel { margin-top: 20px; }
#commentsPanel .comment { background-color: #F0F8FB; border: solid 1px #ABD0EB; margin: 0 10px 20px 10px; padding: 10px; }
#commentsPanel .comment .author { font-weight: 600; }
#commentsPanel .comment .date { font-style: italic; }
#commentsPanel .comment .approve { background: url(images/comment_add.png) no-repeat 0px 50%; padding-left: 20px; }
#commentsPanel .comment .delete { background: url(images/comment_delete.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }


/* ADDRESS BOOK 
----------------------------------------------------------*/
.contact { background: url(images/vcard.png) no-repeat 0px 50%; padding-left: 20px; }
.email { background: url(images/email.png) no-repeat 0px 50%; padding-left: 20px; }
.phone { background: url(images/telephone.png) no-repeat 0px 50%; padding-left: 20px; }
.address { background: url(images/map.png) no-repeat 0px 2px; padding-left: 20px; }
.webaddress { background: url(images/world.png) no-repeat 0px 2px; padding-left: 20px; }

#directorypanel #direcoryletters { text-align: center; }
#directorypanel #direcoryletters li { display: inline; margin: 2px; }
#directorypanel #direcoryletters li .disabled { color: #888; border: none; text-decoration: none; }
#directorypanel #directorysection { height: 500px; overflow: auto; }
#directorypanel #directorysection .letter { border: none; color: #52A1EC; float: left; font-size: 1.5em; margin: 5px 10px 5px 0; }
#directorypanel #directorysection hr { color: #ABD0EB; float: left; margin: 18px 0 0 0; width: 470px; }
#directorypanel #directorysection .directoryitem { border: dashed 1px #ABD0EB; clear: both; margin: 10px 10px 10px 30px; }
#directorypanel #directorysection .directoryitem td { font-size: .8em; padding: 2px 10px 0 10px; vertical-align: top; width: 240px; }
#directorypanel #directorysection .directoryitem td.name { font-size: 1em; font-weight: 800; padding-bottom: 5px; }

#contactpanel #contactsection h3 { background: url(images/vcard.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #contactsection .contactinfo { font-size: .9em; }
#contactpanel .primary { background: url(images/tick.png) no-repeat 0px 50%; padding-left: 20px; }
#contactpanel #contactsection .add, #contacttasks .add { background: url(images/vcard_add.png) no-repeat 0px 50%; padding-left: 20px; }
#contactpanel #contactsection .save { background: url(images/vcard_save.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #contactsection .edit { background: url(images/vcard_edit.png) no-repeat 0px 50%; font-size: .8em; margin-left: 5px; padding-left: 20px; }
#contactpanel #contactsection .delete { background: url(images/vcard_delete.png) no-repeat 0px 50%; font-size: .8em; margin-left: 5px; padding-left: 20px; }
#contactpanel #notesection .note { margin-bottom: 30px; }
#contactpanel #notesection h3 { background: url(images/note.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #notesection .author { font-weight: 600; }
#contactpanel #notesection .date { font-style: italic; }
#contactpanel #notesection .add { background: url(images/note_add.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #notesection .edit { background: url(images/note_edit.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #notesection .delete { background: url(images/note_delete.png) no-repeat 0px 50%; font-size: .8em; margin-left: 5px; padding-left: 20px; }
#contactpanel #addresssection h3 { background: url(images/map.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #addresssection .add { background: url(images/map_add.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #addresssection .edit { background: url(images/map_edit.png) no-repeat 0px 50%; padding-left: 20px; text-decoration: none; }
#contactpanel #addresssection .delete { background: url(images/map_delete.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #phonesection h3 { background: url(images/telephone.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #phonesection .add { background: url(images/telephone_add.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #phonesection .edit { background: url(images/telephone_edit.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #phonesection .delete { background: url(images/telephone_delete.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #emailsection h3 { background: url(images/email.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #emailsection .add { background: url(images/email_add.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #emailsection .edit { background: url(images/email_edit.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #emailsection .delete { background: url(images/email_delete.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #webaddresssection h3 { background: url(images/world.png) no-repeat 0px 50%; margin-bottom: 10px; padding-left: 20px; }
#contactpanel #webaddresssection .add { background: url(images/world_add.png) no-repeat 0px 50%; font-size: .8em; padding-left: 20px; }
#contactpanel #webaddresssection .edit { background: url(images/world_edit.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contactpanel #webaddresssection .delete { background: url(images/world_delete.png) no-repeat 0px 50%; padding-left: 15px; text-decoration: none; }
#contacttasks .find { background: url(images/vcard_magnify.png) no-repeat 0px 50%; padding-left: 20px; }


/* CALENDAR 
----------------------------------------------------------*/
#eventspanel .add, #eventsdashboardpanel .addevent, #eventspanel .addevent, #eventsTasksPanel .addevent { background: url(images/calendar_add.png) no-repeat 0px 50%; padding-left: 20px; }
#eventspanel .details { background: url(images/calendar_go.png) no-repeat 0px 50%; padding-left: 20px; }
#eventspanel .comments { background: url(images/comments.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#eventspanel .edit { background: url(images/calendar_edit.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#eventsTasksPanel .viewevents { background: url(images/calendar.png) no-repeat 0px 50%; padding-left: 20px; }
#eventsdashboardpanel .event p { border-left: 1px solid #ABD0EB; margin: 0 0 0 40px; padding: 10px 0 10px 25px; }

#eventspanel .event { border-bottom: solid 1px #cccccc; color: #555555; line-height: 170%; margin: 10px 20px 10px 20px; }
#eventspanel .event .date { color: #888888; float: left; font-weight: 700; text-align: center; text-transform: uppercase; width: 40px; }
#eventspanel .event .date .day { color: #888888; font-size: 1.5em; }
#eventspanel .event h3 { background: url(images/calendar.png) no-repeat 10px 5px; border-left: 1px solid #cccccc; font-weight: 600; margin: 0 10px 0 60px; padding: 0 5px 0 30px; }
#eventspanel .event p { border-left: 1px solid #cccccc; margin: 0 10px 0 60px; padding: 0 5px 10px 30px; }
#eventPanel a.edit { background: url(images/calendar_edit.png) no-repeat 0px 50%; float: right; margin-left: 5px; padding-left: 20px; }
#eventPanel .save { background: url(images/calendar_save.png) no-repeat 0px 50%; padding-left: 20px; }


/* GROUPS 
----------------------------------------------------------*/
#groupspanel .sectionpanel h1 { background: url(images/group.png) no-repeat 0px 50%; padding-left: 20px; }
#groupspanel .news { background: url(images/newspaper.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#groupspanel .members { background: url(images/group_gear.png) no-repeat 0px 50%; margin-left: 5px; padding-left: 20px; }
#grouptaskpanel .findgroup { background: url(images/group.png) no-repeat 0px 50%; padding-left: 20px; }
#grouptaskpanel .members { background: url(images/group_gear.png) no-repeat 0px 50%; padding-left: 20px; }
#grouptaskpanel .news { background: url(images/newspaper.png) no-repeat 0px 50%; padding-left: 20px; }


/* DOCUMENT LIBRARY
----------------------------------------------------------*/
#folderpanel .folder { background: url(images/folder.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .addfolder, #documentstaskpanel .addfolder { background: url(images/folder_add.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .editfolder { background: url(images/folder_edit.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .upfolder { background: url(images/folder_up.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .adddocument, #documentstaskpanel .adddocument { background: url(images/page_add.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .editdocument { background: url(images/page_edit.png) no-repeat 0px 50%; padding-left: 20px; }
#folderpanel .downloaddocument { background: url(images/page_save.png) no-repeat 0px 50%; padding-left: 20px; }
.pdf { background: url(images/pdf.png) no-repeat 0px 50%; padding-left: 20px; }
.docx { background: url(images/docx.png) no-repeat 0px 50%; padding-left: 20px; }
.xlsx { background: url(images/xlsx.png) no-repeat 0px 50%; padding-left: 20px; }
.pptx { background: url(images/pptx.png) no-repeat 0px 50%; padding-left: 20px; }
.zip { background: url(images/zip.png) no-repeat 0px 50%; padding-left: 20px; }
.unknown { background: url(images/page.png) no-repeat 0px 50%; margin-left: 2px; padding-left: 20px; }
#documentstaskpanel .viewdocuments { background: url(images/folder_explore.png) no-repeat 0px 50%; padding-left: 20px; }



/* ADMINISTRATION 
----------------------------------------------------------*/
#accordion-menu li a { font-size: .75em; border-bottom: none; }
.group-public { background: url(images/tick.png) no-repeat 0px 50%; padding-left: 20px; }
.addgroup { background: url(images/group_add.png) no-repeat 0px 50%; padding-left: 20px; }
.editgroup { background: url(images/group_edit.png) no-repeat 0px 50%; padding-left: 20px; }
.deletegroup { background: url(images/group_delete.png) no-repeat 0px 50%; padding-left: 20px; }

#adminusersearchpanel .approved { background: url(images/tick.png) no-repeat 0px 50%; padding-left: 20px; }
#userspanel { margin-top: 20px; }
.newusers { line-height: 120%; }
.adduser { background: url(images/user_add.png) no-repeat 0px 50%; padding-left: 20px; }
.edituser { background: url(images/user_edit.png) no-repeat 0px 50%; padding-left: 20px; }
.deleteuser { background: url(images/user_delete.png) no-repeat 0px 50%; padding-left: 20px; }

.rdc-pager { clear: both; font-family: tahoma,verdana,helvetica; font-size: 11px; padding: 0 5px 0px 5px; }
.rdc-pager .x-btn-icon { background: transparent no-repeat center; border: none; cursor: pointer; height: 16px; margin: 0 0 2px 0; padding: 0; width: 16px; }
.rdc-pager .x-grid-page-first { background: url(/js/ext/resources/images/default/grid/page-first.gif); }
.rdc-pager .x-grid-page-first-disabled { background: url(/js/ext/resources/images/default/grid/page-first-disabled.gif); }
.rdc-pager .x-grid-page-prev { background: url(/js/ext/resources/images/default/grid/page-prev.gif); }
.rdc-pager .x-grid-page-prev-disabled { background: url(/js/ext/resources/images/default/grid/page-prev-disabled.gif); }
.rdc-pager .x-grid-page-next { background: url(/js/ext/resources/images/default/grid/page-next.gif); }
.rdc-pager .x-grid-page-next-disabled { background: url(/js/ext/resources/images/default/grid/page-next-disabled.gif); }
.rdc-pager .x-grid-page-last { background: url(/js/ext/resources/images/default/grid/page-last.gif); }
.rdc-pager .x-grid-page-last-disabled { background: url(/js/ext/resources/images/default/grid/page-last-disabled.gif); }

div.progress-container { border: 1px solid #ccc; width: 150px; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white; }
div.progress-container > div { height: 12px; }
div.progress-container > div.normal { background-color: #ACE97C; }
div.progress-container > div.warn { background-color: #FFFAC7; }
div.progress-container > div.critical { background-color: #FFC7C7; }


/* IE 8 Hack 
----------------------------------------------------------*/
.x-date-menu > ul { display: inline; }
.x-date-menu > ul li { display: inline; }