/**************************************************************************** 
    application: navigation/menu 
****************************************************************************/

div.applicationMenu {
    clear: both; 
    float: left; 
    width: 100%; 
    height: 48px; 
    overflow: hidden; 
    border-top: 1px solid #fff;
    background: #eee;
}
div.applicationMenu ul { float: left; width: 100%; margin: 0; padding: 0;display: block;list-style: none;border-bottom: 1px solid #bbb ; }
div.applicationMenu ul li {  float: left; margin: 0 0px -1px 0; padding: 0; background-image: none; line-height: 46px;   }
div.applicationMenu ul li:first-child  { margin-left: 0px;  }
div.applicationMenu ul li.tab a {
    display: inline-block; 
    float: left; 
    font-size: 15px; 
    font-weight:normal;
    text-decoration: none; 
    line-height: 46px; 
    color: #767676;
    padding: 0 15px;
    border: 1px solid transparent;
    border-bottom-color: #bbb;
}

div.applicationMenu ul li.tab a:hover {
    border: 1px solid #ddd;
    border-bottom-color:#bbb;
    background-color: #fefefe;
    color: #333; }

div.applicationMenu ul li.tab a i.icon { margin-top: 15px; }
div.applicationMenu ul li.tab a span.notification { display: none; margin-left: 8px; vertical-align: text-bottom; overflow: hidden; width: 40px; height: 20px; line-height: 21px; border-radius: 20px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 2px #000; background: #cb1537; }
div.applicationMenu ul li.tab a span.notification.notifications-on { display: inline-block; }

div.applicationMenu ul li.tab.current a {
    border: 1px solid #bbb;
    border-bottom-color: transparent;
    background-color: #fff;
    color: #222; 
}

div.applicationMenu ul li.tab a.action-button { padding: 7px 15px; margin: 5px; border: 1px solid #055577; border-radius: 4px; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 20px; color: #fff; text-shadow: -1px -1px #053750; box-shadow: inset 0 1px 0 0 #096289; background: #084c6b; background-image: -moz-linear-gradient(top, #0b5c81 0%, #063f59 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b5c81), color-stop(100%, #063f59)); background-image: -webkit-linear-gradient(top, #0b5c81 0%, #063f59 100%); background-image: -o-linear-gradient(top, #0b5c81 0%, #063f59 100%); background-image: -ms-linear-gradient(top, #0b5c81 0%, #063f59 100%); background-image: linear-gradient(to bottom, #0b5c81 0%, #063f59 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b5c81', endColorstr='#063f59', GradientType=0); }
div.applicationMenu ul li.tab a.action-button:hover { background: #0a6892; background-image: -moz-linear-gradient(top, #075a7e 0%, #0b75a2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #075a7e), color-stop(100%, #0b75a2)); background-image: -webkit-linear-gradient(top, #075a7e 0%, #0b75a2 100%); background-image: -o-linear-gradient(top, #075a7e 0%, #0b75a2 100%); background-image: -ms-linear-gradient(top, #075a7e 0%, #0b75a2 100%); background-image: linear-gradient(to bottom, #075a7e 0%, #0b75a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075a7e', endColorstr='#0b75a2', GradientType=0); }
div.applicationMenu ul li.tab-homepage + li.tab a.action-button { padding-left: 15px; }
/*div.applicationMenu ul li.tab-homepage {background-color: #35b137;}
div.applicationMenu ul li.tab-homepage a { color: white;}*/

/**************************************************************************** 
    application: page tools 
****************************************************************************/
div.applicationPageTools {
     margin-bottom: 0px; 
     background: #fff; 
     border-bottom: 0px solid #eee; 
     border-top: 0; 
     padding: 10px 0px 10px 0px; 
     clear: both; 
     float: left; 
     width: 100%; 
     height: 25px;
}
div.applicationPageTools div.appSettingBox { display: none; border-top: 1px dotted #ccc; padding-top: 5px; margin-top: 10px; width: 100%; float: left; }
div.applicationPageTools div.appSettingBox p.switchControl { margin: 0; border: 0; }
div.applicationPageTools div.appSettingBox p.switchControl span.switchLabel { font-size: 12px; }

div.applicationPageTools a.tool-button { float: left; font-size: 12px; color: #555; padding: 4px 8px; margin-right: 10px; line-height: 16px; text-decoration: none; text-shadow: 1px 1px 0 #fff; font-weight: normal; }
div.applicationPageTools a.tool-button.current, div.applicationPageTools a.tool-button:hover { color: #222; border: 1px solid #999; padding: 3px 7px; border-radius: 4px; background-color: #f7f8f9; box-shadow: inset 1px 1px 3px #fff; }
div.applicationPageTools a.tool-button.clearAllNotifications { float: right; margin-right: 0; }

div.applicationPageTools hr { clear: both; width: 100%; float: left; margin: 5px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }

/**************************************************************************** 
    icons 16x16
****************************************************************************/
a i.icon { display: inline-block; width: 16px; height: 16px; margin-right: 5px; float: left; background: transparent url(icons/16x16/large_tiles.png) left center no-repeat; }

a i.icon.bell { background-image: url(icons/16x16/bell.png); }
a i.icon.fire { background-image: url(icons/16x16/fire.png); }
a i.icon.comment { background-image: url(icons/16x16/comment.png); }
a i.icon.comments { background-image: url(icons/16x16/comments.png); }
a i.icon.clock { background-image: url(icons/16x16/clock.png); }
a i.icon.date { background-image: url(icons/16x16/date.png); }
a i.icon.star { background-image: url(icons/16x16/star.png); }
a i.icon.note { background-image: url(icons/16x16/note.png); }
a i.icon.newspaper { background-image: url(icons/16x16/newspaper.png); }
a i.icon.document_quote { background-image: url(icons/16x16/document_quote.png); }
a i.icon.document_info { background-image: url(icons/16x16/document_info.png); }
a i.icon.eye { background-image: url(icons/16x16/eye.png); }
a i.icon.error { background-image: url(icons/16x16/error.png); }
a i.icon.help { background-image: url(icons/16x16/help.png); }
a i.icon.house { background-image: url(icons/16x16/house.png); }
a i.icon.email { background-image: url(icons/16x16/email.png); }
a i.icon.email_go { background-image: url(icons/16x16/email_go.png); }
a i.icon.email_edit { background-image: url(icons/16x16/email_edit.png); }
a i.icon.bookmark { background-image: url(icons/16x16/bookmark.png); }
a i.icon.book { background-image: url(icons/16x16/book.png); }
a i.icon.book_edit { background-image: url(icons/16x16/book_edit.png); }
a i.icon.books { background-image: url(icons/16x16/books.png); }
a i.icon.webmaster_tools { background-image: url(icons/16x16/google_webmaster_tools.png); }
a i.icon.security { background-image: url(icons/16x16/set_security_question.png); }
a i.icon.picture { background-image: url(icons/16x16/picture.png); }
a i.icon.pictures { background-image: url(icons/16x16/pictures.png); }
a i.icon.picture_add { background-image: url(icons/16x16/picture_add.png); }
a i.icon.lock { background-image: url(icons/16x16/lock.png); }
a i.icon.heart { background-image: url(icons/16x16/heart.png); }
a i.icon.sport_soccer { background-image: url(icons/16x16/sport_soccer.png); }
a i.icon.folder { background-image: url(icons/16x16/folder.png); }
a i.icon.cog { background-image: url(icons/16x16/cog.png); }
a i.icon.delete { background-image: url(icons/16x16/delete.png); }
a i.icon.user { background-image: url(icons/16x16/user.png); }
a i.icon.group { background-image: url(icons/16x16/group.png); }
a i.icon.new { background-image: url(icons/16x16/new.png); }
a i.icon.random { background-image: url(icons/16x16/arrow_switch.png); }
a i.icon.arrow_refresh { background-image: url(icons/16x16/arrow_refresh.png); }
a i.icon.arrow_refresh_small { background-image: url(icons/16x16/arrow_refresh_small.png); }
a i.icon.page_refresh { background-image: url(icons/16x16/page_refresh.png); }
a i.icon.cross { background-image: url(icons/16x16/cross.png); }
a i.icon.award_star_gold { background-image: url(icons/16x16/award_star_gold_1.png); }
a i.icon.rosette { background-image: url(icons/16x16/rosette.png); }
a i.icon.information { background-image: url(icons/16x16/info_rhombus.png); }
a i.icon.world { background-image: url(icons/16x16/world.png); }
a i.icon.my { background-image: url(icons/16x16/asterisk_orange.png); }
a i.icon.zoom { background-image: url(icons/16x16/zoom.png); }
a i.icon.user_green { background-image: url(icons/16x16/user_green.png); }
a i.icon.user_orange { background-image: url(icons/16x16/user_orange.png); }
a i.icon.user_red { background-image: url(icons/16x16/user_red.png); }
a i.icon.user_policeman { background-image: url(icons/16x16/user_policeman.png); }
a i.icon.application_view_list { background-image: url(icons/16x16/application_view_list.png); }
a i.icon.gear_in { background-image: url(icons/16x16/gear_in.png); }
a i.icon.user_comment { background-image: url(icons/16x16/user_comment.png); }
a i.icon.location_pin { background-image: url(icons/16x16/location_pin.png); }
a i.icon.calendar { background-image: url(icons/16x16/calendar.png); }
a i.icon.update { background-image: url(icons/16x16/update.png); }
a i.icon.user_delete { background-image: url(icons/16x16/user_delete.png); }
a i.icon.home_page { background-image: url(icons/16x16/home_page.png); }
a i.icon.chart_up_color { background-image: url(icons/16x16/chart_up_color.png); }
a i.icon.cake { background-image: url(icons/16x16/cake.png); }
a i.icon.target { background-image: url(icons/16x16/target.png); }
a i.icon.draw_calligraphic { background-image: url(icons/16x16/draw_calligraphic.png); }
a i.icon.personals { background-image: url(icons/16x16/personals.png); }
a i.icon.church { background-image: url(icons/16x16/church.png); }
a i.icon.role { background-image: url(icons/16x16/role.png); }
a i.icon.user_blondy { background-image: url(icons/16x16/user_blondy.png); }
a i.icon.progressbar { background-image: url(icons/16x16/progressbar.png); }

/* special icons */
a i.icon-add-content { display: inline-block; float: left; width: 18px; height: 18px; overflow: hidden; background: transparent url(g/icon-action-add-content.png) center center no-repeat; margin: 1px 10px 0 0; }

/**************************************************************************** 
    icons 32x32
****************************************************************************/
a i.iconbig { display: inline-block; width: 32px; height: 32px; margin-right: 5px; float: left; background: transparent url(icons/32x32/large_tiles.png) left center no-repeat; }

a i.iconbig.bell { background-image: url(icons/32x32/bell.png); }
a i.iconbig.fire { background-image: url(icons/32x32/fire.png); }
a i.iconbig.comment { background-image: url(icons/32x32/comment.png); }
a i.iconbig.comments { background-image: url(icons/32x32/comments.png); }
a i.iconbig.clock { background-image: url(icons/32x32/clock.png); }
a i.iconbig.date { background-image: url(icons/32x32/date.png); }
a i.iconbig.star { background-image: url(icons/32x32/star.png); }
a i.iconbig.note { background-image: url(icons/32x32/note.png); }
a i.iconbig.newspaper { background-image: url(icons/32x32/newspaper.png); }
a i.iconbig.document_quote { background-image: url(icons/32x32/document_quote.png); }
a i.iconbig.document_info { background-image: url(icons/32x32/document_info.png); }
a i.iconbig.eye { background-image: url(icons/32x32/eye.png); }
a i.iconbig.error { background-image: url(icons/32x32/error.png); }
a i.iconbig.help { background-image: url(icons/32x32/help.png); }
a i.iconbig.house { background-image: url(icons/32x32/house.png); }
a i.iconbig.email { background-image: url(icons/32x32/email.png); }
a i.iconbig.email_go { background-image: url(icons/32x32/email_go.png); }
a i.iconbig.email_edit { background-image: url(icons/32x32/email_edit.png); }
a i.iconbig.bookmark { background-image: url(icons/32x32/bookmark.png); }
a i.iconbig.book { background-image: url(icons/32x32/book.png); }
a i.iconbig.book_edit { background-image: url(icons/32x32/book_edit.png); }
a i.iconbig.books { background-image: url(icons/32x32/books.png); }
a i.iconbig.webmaster_tools { background-image: url(icons/32x32/google_webmaster_tools.png); }
a i.iconbig.security { background-image: url(icons/32x32/set_security_question.png); }
a i.iconbig.picture { background-image: url(icons/32x32/picture.png); }
a i.iconbig.pictures { background-image: url(icons/32x32/pictures.png); }
a i.iconbig.picture_add { background-image: url(icons/32x32/picture_add.png); }
a i.iconbig.lock { background-image: url(icons/32x32/lock.png); }
a i.iconbig.heart { background-image: url(icons/32x32/heart.png); }
a i.iconbig.sport_soccer { background-image: url(icons/32x32/sport_soccer.png); }
a i.iconbig.folder { background-image: url(icons/32x32/folder.png); }
a i.iconbig.cog { background-image: url(icons/32x32/cog.png); }
a i.iconbig.delete { background-image: url(icons/32x32/delete.png); }
a i.iconbig.user { background-image: url(icons/32x32/user.png); }
a i.iconbig.group { background-image: url(icons/32x32/group.png); }
a i.iconbig.new { background-image: url(icons/32x32/new.png); }
a i.iconbig.random { background-image: url(icons/32x32/arrow_switch.png); }
a i.iconbig.arrow_refresh { background-image: url(icons/32x32/arrow_refresh.png); }
a i.iconbig.arrow_refresh_small { background-image: url(icons/32x32/arrow_refresh_small.png); }
a i.iconbig.page_refresh { background-image: url(icons/32x32/page_refresh.png); }
a i.iconbig.cross { background-image: url(icons/32x32/cross.png); }
a i.iconbig.award_star_gold { background-image: url(icons/32x32/award_star_gold_1.png); }
a i.iconbig.rosette { background-image: url(icons/32x32/rosette.png); }
a i.iconbig.information { background-image: url(icons/32x32/info_rhombus.png); }
a i.iconbig.world { background-image: url(icons/32x32/world.png); }
a i.iconbig.my { background-image: url(icons/32x32/asterisk_orange.png); }
a i.iconbig.zoom { background-image: url(icons/32x32/zoom.png); }
a i.iconbig.user_green { background-image: url(icons/32x32/user_green.png); }
a i.iconbig.user_orange { background-image: url(icons/32x32/user_orange.png); }
a i.iconbig.user_red { background-image: url(icons/32x32/user_red.png); }
a i.iconbig.user_policeman { background-image: url(icons/32x32/user_policeman.png); }
a i.iconbig.application_view_list { background-image: url(icons/32x32/application_view_list.png); }
a i.iconbig.gear_in { background-image: url(icons/32x32/gear_in.png); }
a i.iconbig.user_comment { background-image: url(icons/32x32/user_comment.png); }
a i.iconbig.location_pin { background-image: url(icons/32x32/location_pin.png); }
a i.iconbig.calendar { background-image: url(icons/32x32/calendar.png); }
a i.iconbig.update { background-image: url(icons/32x32/update.png); }
a i.iconbig.user_comment { background-image: url(icons/32x32/user_comment.png); }
a i.iconbig.user_delete { background-image: url(icons/32x32/user_delete.png); }
a i.iconbig.home_page { background-image: url(icons/32x32/home_page.png); }
a i.iconbig.chart_up_color { background-image: url(icons/32x32/chart_up_color.png); }
a i.iconbig.cake { background-image: url(icons/32x32/cake.png); }
a i.iconbig.target { background-image: url(icons/32x32/target.png); }
a i.iconbig.draw_calligraphic { background-image: url(icons/32x32/draw_calligraphic.png); }
a i.iconbig.personals { background-image: url(icons/32x32/personals.png); }
a i.iconbig.church { background-image: url(icons/32x32/church.png); }
a i.iconbig.role { background-image: url(icons/32x32/role.png); }
a i.iconbig.user_blondy { background-image: url(icons/32x32/user_blondy.png); }
a i.iconbig.progressbar { background-image: url(icons/32x32/progressbar.png); }

/**************************************************************************** 
    commons elements
****************************************************************************/
div.ownerProfile { width: 300px; overflow: hidden; float: left; clear: both; padding-bottom: 5px; margin-bottom: 10px; }
div.ownerProfile a.picture { float: left; display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 5px; margin-right: 10px; }
div.ownerProfile a.picture img { width: 50px; height: 67px; margin-top: -3px; }
div.ownerProfile div.info { float: left; width: 240px; }
div.ownerProfile div.info a.nickname { font-size: 18px; line-height: 16px; color: #555; margin-bottom: 10px; display: block; }
div.ownerProfile div.info a.link { float: left; font-size: 12px; line-height: 22px; font-weight: normal; color: #00577f; }
a.link2 {
    float: left;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #777;
    margin: 0 12px 0px 0;
}
div.ownerProfile div.info a { text-decoration: none; }
div.ownerProfile div.info a:hover { color: #00577f; text-decoration: underline; }