/* ***************************************
    RESET BASE STYLES
*************************************** */
html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
ol, ul {
    list-style: none;
}
/* tables still need cellspacing="0" (for ie6) */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ***************************************
    DEFAULTS
*************************************** */

/* elgg open source     blue            #0054a7 */
/* elgg open source     dark blue       #0054a7 */
/* elgg open source     light yellow    #FDFFC3 */
/* elgg open source     light blue      #bbdaf7 */


body {
    text-align: center;
    margin: 0 auto;
    background-color: black;
    color: white;
    font: 12px "Lucida Grande", Verdana, sans-serif;
    padding-left: 8px;
}

a {
    color: white;
}


/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
#page_container {
    margin: 0;
    padding: 0;
    position: relative;
}

#page_wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#layout_header {
    width: 100%;
}

#layout_canvas {
}


/* canvas layout: 1 column, no sidebar */

#one_column {
}

/* canvas layout: 2 column left sidebar */
#two_column_left_sidebar {
    width: 200px;
    float: left;
}

#two_column_left_sidebar_maincontent {
    width: 680px;
    float: left;
    padding-left: 20px;
}

#two_column_left_sidebar_maincontent_boxes {
    width: 700px;
    float: left;
}

#two_column_left_sidebar_boxes {
    width: 200px;
    float: left;
}

#two_column_left_sidebar_boxes .sidebarBox {
}

#two_column_left_sidebar_boxes .sidebarBox h3 {
}

.contentWrapper {
    padding: 10px;
}

span.contentIntro p {
    margin:0 0 0 0;
}
.notitle {
    margin-top:10px;
}

/* canvas layout: widgets (profile and dashboard) */
#widgets_left {
    width: 300px;
}

#widgets_middle {
    width: 300px;
}


#widgets_right {
    width: 300px;
    float: left;
}


#widget_table td {
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
}

/* IE6 fixes */
* html #widgets_right {
    float: none;
}
* html #profile_info_column_left {
    margin: 0 10px 0 0;
    width: 200px;
}
* html #dashboard_info {
    width:585px;
}
/* IE7 */
*:first-child+html #profile_info_column_left {
    width:200px;
}


/* ***************************************
    FOOTER
*************************************** */
#layout_footer {
    height: 50px;
    font-size: 10px;
    text-align: right;
    border-top: 1px solid white;
    margin-top: 20px;
    color: grey;
    padding-top: 2px;
}

#layout_footer a {
    color: grey;
    text-decoration: underline;
}


/* ***************************************
  SYSTEM MESSSAGES
*************************************** */
.messages, .messages_error {
    color: #000000;
    padding: 10px;
    margin: 0;
    border: 3px solid #BDE5F8;
    cursor: pointer;
    width: 850px;
    margin-top: -10px;
    margin-bottom: 30px;
}

.messages {
    background: #BDE5F8;
    border-color: #4E8FAE;
}
.messages_error {
    border-color: #DC322A;
    background: #FFBABA;
}

.closeMessages {
    float: right;
    margin-top: 17px;
}

.closeMessages a {
    color: #666666;
    text-decoration: none;
    font-size: 80%;
}
.closeMessages a:hover {
    color:black;
}


/* ***************************************
  COLLAPSABLE BOXES
*************************************** */
.collapsable_box {
    display: none;
}

.display_none {
    display: none;
}
/* used on spotlight box - to cancel default box margin */
.no_space_after {
    margin: 0 0 0 0;
}



/* ***************************************
    GENERAL FORM ELEMENTS
*************************************** */
label {
    font-weight: bold;
}

input {
}

textarea {
    padding: 5px;
}

textarea:focus, input[type="text"]:focus {
}

.submit_button {
    font-weight: bold;
    cursor: pointer;
}

.submit_button:hover, input[type="submit"]:hover {
}

.submit_button:disabled {
}

input[type="submit"] {
    font-weight: bold;
    cursor: pointer;
}

.cancel_button {
    font-weight: bold;
    cursor: pointer;
}
.cancel_button:hover {
}

.input-text,
.input-tags,
.input-url,
.input-textarea {
    width: 98%;
}

.input-textarea {
    height: 200px;
}

/* ***************************************
    SEARCH LISTINGS
*************************************** */
.search_listing {
    display: block;
    margin:0 10px 5px 10px;
    padding:5px;
}
.search_listing_icon {
    float:left;
}
.search_listing_icon img {
}
.search_listing_icon .avatar_menu_button img {
}
.search_listing_info {
    margin-left: 50px;
    min-height: 40px;
}
/* IE 6 fix */
* html .search_listing_info {
}
.search_listing_info p {
    margin:0 0 3px 0;
    line-height:1.2em;
}
.search_listing_info p.owner_timestamp {
    margin:0;
    padding:0;
    color:#666666;
    font-size: 90%;
}
table.search_gallery {
    border-spacing: 10px;
    margin:0 0 0 0;
}
.search_gallery td {
    padding: 5px;
}
.search_gallery_item {
}
.search_gallery_item:hover {
}
.search_gallery_item .search_listing {
    background: none;
    text-align: center;
}
.search_gallery_item .search_listing_header {
    text-align: center;
}
.search_gallery_item .search_listing_icon {
    position: relative;
    text-align: center;
}
.search_gallery_item .search_listing_info {
    margin: 5px;
}
.search_gallery_item .search_listing_info p {
    margin: 5px;
    margin-bottom: 10px;
}
.search_gallery_item .search_listing {
    background: none;
    text-align: center;
}
.search_gallery_item .search_listing_icon {
    position: absolute;
    margin-bottom: 20px;
}
.search_gallery_item .search_listing_info {
    margin: 5px;
}
.search_gallery_item .search_listing_info p {
    margin: 5px;
    margin-bottom: 10px;
}


/* ***************************************
    ADMIN AREA - PLUGIN SETTINGS
*************************************** */
.plugin_details {
    margin:0 10px 5px 10px;
    padding:0 7px 4px 10px;
}
.admin_plugin_reorder {
    float:right;
    width:200px;
    text-align: right;
}
.admin_plugin_reorder a {
    padding-left:10px;
    font-size:80%;
    color:#999999;
}
.plugin_details a.pluginsettings_link {
    cursor:pointer;
    font-size:80%;
}
.active {
    border:1px solid #999999;
}
.not-active {
    border:1px solid #999999;
    background:#dedede;
}
.plugin_details p {
    margin:0;
    padding:0;
}
.plugin_details a.manifest_details {
    cursor:pointer;
    font-size:80%;
}
.manifest_file {
    background:#dedede;
    
    
    padding:5px 10px 5px 10px;
    margin:4px 0 4px 0;
    display:none;
}
.admin_plugin_enable_disable {
    width:150px;
    margin:10px 0 0 0;
    float:right;
    text-align: right;
}
.contentIntro .enableallplugins,
.contentIntro .disableallplugins {
    float:right;
}
.contentIntro .enableallplugins {
    margin-left:10px;
}
.contentIntro .enableallplugins,
.not-active .admin_plugin_enable_disable a {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#0054a7;
    border: 1px solid #0054a7;
    
    
    width: auto;
    padding: 4px;
    cursor: pointer;
}
.contentIntro .enableallplugins:hover,
.not-active .admin_plugin_enable_disable a:hover {
    background: #0054a7;
    border: 1px solid #0054a7;
    text-decoration: none;
}
.contentIntro .disableallplugins,
.active .admin_plugin_enable_disable a {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#999999;
    border: 1px solid #999999;
    
    
    width: auto;
    padding: 4px;
    cursor: pointer;
}
.contentIntro .disableallplugins:hover,
.active .admin_plugin_enable_disable a:hover {
    background: #333333;
    border: 1px solid #333333;
    text-decoration: none;
}
.pluginsettings {
    margin:15px 0 5px 0;
    background:#bbdaf7;
    
    
    padding:10px;
    display:none;
}
.pluginsettings h3 {
    padding:0 0 5px 0;
    margin:0 0 5px 0;
    border-bottom:1px solid #999999;
}
#updateclient_settings h3 {
    padding:0;
    margin:0;
    border:none;
}
.input-access {
    margin:5px 0 0 0;
}

/* ***************************************
    GENERIC COMMENTS
*************************************** */
.generic_comment_owner {
    font-size: 90%;
    color:#666666;
}
.generic_comment {
    
    
    padding:10px;
    margin:0 10px 10px 10px;
}
.generic_comment_icon {
    float:left;
}
.generic_comment_details {
    margin-left: 60px;
}
.generic_comment_details p {
    margin: 0 0 5px 0;
}
.generic_comment_owner {
    color:#666666;
    margin: 0px;
    font-size:90%;
    border-top: 1px solid #aaaaaa;
}
/* IE6 */
* html #generic_comment_tbl { width:676px !important;}


/* ***************************************
  PAGE-OWNER BLOCK
*************************************** */
#owner_block {
    padding:10px;
}
#owner_block_icon {
    float:left;
    margin:0 10px 0 0;
}
#owner_block_rss_feed,
#owner_block_odd_feed,
#owner_block_bookmark_this,
#owner_block_report_this {
    padding:5px 0 0 0;
}
#owner_block_report_this {
    padding-bottom:5px;
}
#owner_block_rss_feed a {
    font-size: 90%;
    color:#999999;
    padding:0 0 4px 20px;
    background: url(http://das-mirage.de/community/_graphics/icon_rss.gif) no-repeat left top;
}
#owner_block_odd_feed a {
    font-size: 90%;
    color:#999999;
    padding:0 0 4px 20px;
    background: url(http://das-mirage.de/community/_graphics/icon_odd.gif) no-repeat left top;
}
#owner_block_bookmark_this a {
    font-size: 90%;
    color:#999999;
    padding:0 0 4px 20px;
    background: url(http://das-mirage.de/community/_graphics/icon_bookmarkthis.gif) no-repeat left top;
}
#owner_block_report_this a {
    font-size: 90%;
    color:#999999;
    padding:0 0 4px 20px;
    background: url(http://das-mirage.de/community/_graphics/icon_reportthis.gif) no-repeat left top;
}
#owner_block_rss_feed a:hover,
#owner_block_odd_feed a:hover,
#owner_block_bookmark_this a:hover,
#owner_block_report_this a:hover {
    color: #0054a7;
}
#owner_block_desc {
    padding:4px 0 4px 0;
    margin:0 0 0 0;
    line-height: 1.2em;
    color:#666666;
}
#owner_block_content {
    margin:0 0 4px 0;
    padding:3px 0 0 0;
    min-height:35px;
    font-weight: bold;
}
#owner_block_content a {
    line-height: 1em;
}
.ownerblockline {
    padding:0;
    margin:0;
}
#owner_block_submenu {
    margin:20px 0 20px 0;
    padding: 0;
    width:100%;
}
#owner_block_submenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#owner_block_submenu ul li.selected a {
    color:#ad236b; 
}
#owner_block_submenu ul li.selected a:hover {
    color:#ad236b; 
}
#owner_block_submenu ul li a {
    text-decoration: none;
    display: block;
    margin: 2px 0 0 0;
    padding:4px 6px 4px 10px;
    font-weight: bold;
    line-height: 1.1em;
}
#owner_block_submenu ul li a:hover {
    color:#ad236b; 
}

/* IE 6 + 7 menu arrow position fix */
* html #owner_block_submenu ul li.selected a {
    background-position: left 10px;
}
*:first-child+html #owner_block_submenu ul li.selected a {
    background-position: left 8px;
}

#owner_block_submenu .submenu_group {
    margin:10px 0 0 0;
    padding-bottom: 10px;
}

#owner_block_submenu .submenu_group .submenu_group_filter ul li a,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a {
    color:white;
}
#owner_block_submenu .submenu_group .submenu_group_filter ul li.selected a,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li.selected a,
#owner_block_submenu .submenu_group .submenu_group_filter ul li a:hover,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a:hover {
    color:#ad236b; 
}


/* ***************************************
    PAGINATION
*************************************** */
.pagination {
    margin:5px 10px 5px 10px;
    padding:5px;
}
.pagination .pagination_number {
    display:block;
    float:left;
    text-align: center;
    color:grey;
    font-size: 12px;
    font-weight: normal;
    margin:0 6px 0 0;
    padding:0px 4px;
    cursor: pointer;
}
.pagination .pagination_number:hover {
    text-decoration: none;
    color: white;
}
.pagination .pagination_more {
    display:block;
    float:left;
    color: #ccc;
    /*background:#ffffff;*/
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    margin:0 6px 0 0;
    padding:0px 4px;
}
.pagination .pagination_previous,
.pagination .pagination_next {
    color: grey;
    display:block;
    float:left;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    margin:0 6px 0 0;
    padding:0px 4px;
    cursor: pointer;
}
.pagination .pagination_previous:hover,
.pagination .pagination_next:hover {
    text-decoration: none;
    color: white;
}
.pagination .pagination_currentpage {
    display:block;
    float:left;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin:0 6px 0 0;
    padding:0px 4px;
    cursor: pointer;
}


/* ***************************************
    FRIENDS COLLECTIONS ACCORDIAN
*************************************** */
ul#friends_collections_accordian {
    margin: 0 0 0 0;
    padding: 0;
}
#friends_collections_accordian li {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    color: #666666;
}
#friends_collections_accordian li h2 {
    background:#0054a7;
    color: white;
    padding:4px 2px 4px 6px;
    margin:10px 0 10px 0;
    font-size:1.2em;
    cursor:pointer;
    
    
}
#friends_collections_accordian li h2:hover {
    background:#333333;
    color:white;
}
#friends_collections_accordian .friends_picker {
    background:white;
    padding:0;
    display:none;
}
#friends_collections_accordian .friends_collections_controls {
    font-size:70%;
    float:right;
}
#friends_collections_accordian .friends_collections_controls a {
    color:#999999;
    font-weight:normal;
}


/* ***************************************
    FRIENDS PICKER SLIDER
*************************************** */
.friendsPicker_container h3 {
    font-size:4em !important;
    text-align: left;
    margin:0 0 10px 0 !important;
    color:#999999 !important;
    background: none !important;
    padding:0 !important;
}
.friendsPicker .friendsPicker_container .panel ul {
    text-align: left;
    margin: 0;
    padding:0;
}
.friendsPicker_wrapper {
    margin: 0;
    padding:0;
    position: relative;
    width: 100%;
}
.friendsPicker {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding:0;
    width: 678px;

    height: auto;
    background: #dedede;
}
.friendspicker_savebuttons {
    background: white;
    margin:0 10px 10px 10px;
}
.friendsPicker .friendsPicker_container { /* long container used to house end-to-end panels. Width is calculated in JS  */
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    list-style-type: none;
}
.friendsPicker .friendsPicker_container .panel {
    float:left;
    height: 100%;
    position: relative;
    width: 678px;
    margin: 0;
    padding:0;
}
.friendsPicker .friendsPicker_container .panel .wrapper {
    margin: 0;
    padding:4px 10px 10px 10px;
    min-height: 230px;
}
.friendsPickerNavigation {
    margin: 0 0 10px 0;
    padding:0;
}
.friendsPickerNavigation ul {
    list-style: none;
    padding-left: 0;
}
.friendsPickerNavigation ul li {
    float: left;
    margin:0;
    background:white;
}
.friendsPickerNavigation a {
    font-weight: bold;
    text-align: center;
    background: white;
    color: #999999;
    text-decoration: none;
    display: block;
    padding: 0;
    width:20px;
}
.tabHasContent {
    background: white; color:#333333 !important;
}
.friendsPickerNavigation li a:hover {
    background: #333333;
    color:white !important;
}
.friendsPickerNavigation li a.current {
    background: #0054a7;
    color:white !important;
}
.friendsPickerNavigationAll {
    margin:0px 0 0 20px;
    float:left;
}
.friendsPickerNavigationAll a {
    font-weight: bold;
    text-align: left;
    font-size:0.8em;
    background: white;
    color: #999999;
    text-decoration: none;
    display: block;
    padding: 0 4px 0 4px;
    width:auto;
}
.friendsPickerNavigationAll a:hover {
    background: #0054a7;
    color:white;
}
.friendsPickerNavigationL, .friendsPickerNavigationR {
    position: absolute;
    top: 46px;
    text-indent: -9000em;
}
.friendsPickerNavigationL a, .friendsPickerNavigationR a {
    display: block;
    height: 43px;
    width: 43px;
}
.friendsPickerNavigationL {
    right: 48px;
    z-index:1;
}
.friendsPickerNavigationR {
    right: 0;
    z-index:1;
}
.friendsPickerNavigationL {
    background: url("http://das-mirage.de/community/_graphics/friends_picker_arrows.gif") no-repeat left top;
}
.friendsPickerNavigationR {
    background: url("http://das-mirage.de/community/_graphics/friends_picker_arrows.gif") no-repeat -60px top;
}
.friendsPickerNavigationL:hover {
    background: url("http://das-mirage.de/community/_graphics/friends_picker_arrows.gif") no-repeat left -44px;
}
.friendsPickerNavigationR:hover {
    background: url("http://das-mirage.de/community/_graphics/friends_picker_arrows.gif") no-repeat -60px -44px;
}
.friends_collections_controls a.delete_collection {
    display:block;
    cursor: pointer;
    width:14px;
    height:14px;
    margin:2px 3px 0 0;
    background: url("http://das-mirage.de/community/_graphics/icon_customise_remove.png") no-repeat 0 0;
}
.friends_collections_controls a.delete_collection:hover {
    background-position: 0 -16px;
}
.friendspicker_savebuttons .submit_button,
.friendspicker_savebuttons .cancel_button {
    margin:5px 20px 5px 5px;
}

#collectionMembersTable {
    background: #dedede;
    margin:10px 0 0 0;
    padding:10px 10px 0 10px;
}


/* ***************************************
  WIDGET PICKER (PROFILE & DASHBOARD)
*************************************** */
/* 'edit page' button */
a.toggle_customise_edit_panel {
    float:right;
    clear:right;
    color: #0054a7;
    background: white;
    border:1px solid #cccccc;
    padding: 5px 10px 5px 10px;
    margin:0 0 20px 0;
    width:280px;
    text-align: left;
}
a.toggle_customise_edit_panel:hover {
    color: #ffffff;
    background: #0054a7;
    border:1px solid #0054a7;
    text-decoration:none;
}
#customise_editpanel {
    display:none;
    margin: 0 0 20px 0;
    padding:10px;
    background: #dedede;
}

/* Top area - instructions */
.customise_editpanel_instructions {
    width:690px;
    padding:0 0 10px 0;
}
.customise_editpanel_instructions h2 {
    padding:0 0 10px 0;
}
.customise_editpanel_instructions p {
    margin:0 0 5px 0;
    line-height: 1.4em;
}

/* RHS (widget gallery area) */
#customise_editpanel_rhs {
    float:right;
    width:230px;
    background:white;
}
#customise_editpanel #customise_editpanel_rhs h2 {
    color:#333333;
    font-size: 1.4em;
    margin:0;
    padding:6px;
}
#widget_picker_gallery {
    border-top:1px solid #cccccc;
    background:white;
    width:210px;
    height:340px;
    padding:10px;
    overflow:scroll;
    overflow-x:hidden;
}

/* main page widget area */
#customise_page_view {
    width:656px;
    padding:10px;
    margin:0 0 10px 0;
    background:white;
}
#customise_page_view h2 {
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc;
    margin:0;
    padding:5px;
    width:200px;
    color: #0054a7;
    background: #dedede;
    font-size:1.25em;
    line-height: 1.2em;
}
#profile_box_widgets {
    width:422px;
    margin:0 10px 10px 0;
    padding:5px 5px 0px 5px;
    min-height: 50px;
    border:1px solid #cccccc;
    background: #dedede;
}
#customise_page_view h2.profile_box {
    width:422px;
    color: #999999;
}
#profile_box_widgets p {
    color:#999999;
}
#leftcolumn_widgets {
    width:200px;
    margin:0 10px 0 0;
    padding:5px 5px 40px 5px;
    min-height: 190px;
    border:1px solid #cccccc;
}
#middlecolumn_widgets {
    width:200px;
    margin:0 10px 0 0;
    padding:5px 5px 40px 5px;
    min-height: 190px;
    border:1px solid #cccccc;
}
#rightcolumn_widgets {
    width:200px;
    margin:0;
    padding:5px 5px 40px 5px;
    min-height: 190px;
    border:1px solid #cccccc;
}
#rightcolumn_widgets.long {
    min-height: 288px;
}
/* IE6 fix */
* html #leftcolumn_widgets {
    height: 190px;
}
* html #middlecolumn_widgets {
    height: 190px;
}
* html #rightcolumn_widgets {
    height: 190px;
}
* html #rightcolumn_widgets.long {
    height: 338px;
}

#customise_editpanel table.draggable_widget {
    width:200px;
    background: #cccccc;
    margin: 10px 0 0 0;
    vertical-align:text-top;
    border:1px solid #cccccc;
}
#widget_picker_gallery table.draggable_widget {
    width:200px;
    background: #cccccc;
    margin: 10px 0 0 0;
}

/* take care of long widget names */
#customise_editpanel table.draggable_widget h3 {
    word-wrap:break-word;/* safari, webkit, ie */
    width:140px;
    line-height: 1.1em;
    overflow: hidden;/* ff */
    padding:4px;
}
#widget_picker_gallery table.draggable_widget h3 {
    word-wrap:break-word;
    width:145px;
    line-height: 1.1em;
    overflow: hidden;
    padding:4px;
}
#customise_editpanel img.more_info {
    background: url(http://das-mirage.de/community/_graphics/icon_customise_info.gif) no-repeat top left;
    cursor:pointer;
}
#customise_editpanel img.drag_handle {
    background: url(http://das-mirage.de/community/_graphics/icon_customise_drag.gif) no-repeat top left;
    cursor:move;
}
#customise_editpanel img {
    margin-top:4px;
}
#widget_moreinfo {
    position:absolute;
    border:1px solid #333333;
    background:#e4ecf5;
    color:#333333;
    padding:5px;
    display:none;
    width: 200px;
    line-height: 1.2em;
}
/* droppable area hover class  */
.droppable-hover {
    background:#bbdaf7;
}
/* target drop area class */
.placeholder {
    border:2px dashed #AAA;
    width:196px !important;
    margin: 10px 0 10px 0;
}
/* class of widget while dragging */
.ui-sortable-helper {
    background: #0054a7;
    color:white;
    padding: 4px;
    margin: 10px 0 0 0;
    width:200px;
}
/* IE6 fix */
* html .placeholder {
    margin: 0;
}
/* IE7 */
*:first-child+html .placeholder {
    margin: 0;
}
/* IE6 fix */
* html .ui-sortable-helper h3 {
    padding: 4px;
}
* html .ui-sortable-helper img.drag_handle, * html .ui-sortable-helper img.remove_me, * html .ui-sortable-helper img.more_info {
    padding-top: 4px;
}
/* IE7 */
*:first-child+html .ui-sortable-helper h3 {
    padding: 4px;
}
*:first-child+html .ui-sortable-helper img.drag_handle, *:first-child+html .ui-sortable-helper img.remove_me, *:first-child+html .ui-sortable-helper img.more_info {
    padding-top: 4px;
}


/* ***************************************
    BREADCRUMBS
*************************************** */
#pages_breadcrumbs {
    font-size: 80%;
    color:#bababa;
    padding:0;
    margin:2px 0 0 10px;
}
#pages_breadcrumbs a {
    color:#999999;
    text-decoration: none;
}
#pages_breadcrumbs a:hover {
    color: #0054a7;
    text-decoration: underline;
}


/* ***************************************
    MISC.
*************************************** */
/* general page titles in main content area */
#content_area_user_title h2 {
}

/* tag icon */
.object_tag_string {
    background: url(http://das-mirage.de/community/_graphics/icon_tag.gif) no-repeat left 2px;
    padding:0 0 0 14px;
    margin:0;
}

/* profile picture upload n crop page */
#profile_picture_form {
    height:145px;
}
#current_user_avatar {
    float:left;
    width:160px;
    height:130px;
    border-right:1px solid #cccccc;
    margin:0 20px 0 0;
}
#profile_picture_croppingtool {
    border-top: 1px solid #cccccc;
    margin:20px 0 0 0;
    padding:10px 0 0 0;
}
#profile_picture_croppingtool #user_avatar {
    float: left;
    margin-right: 20px;
}
#profile_picture_croppingtool #applycropping {

}
#profile_picture_croppingtool #user_avatar_preview {
    float: left;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
}


/* ***************************************
    SETTINGS & ADMIN
*************************************** */
.admin_statistics,
.admin_users_online,
.usersettings_statistics,
.admin_adduser_link,
#add-box,
#search-box,
#logbrowser_search_area {
    
    
    background:white;
    margin:0 10px 10px 10px;
    padding:10px;
}

.usersettings_statistics h3,
.admin_statistics h3,
.admin_users_online h3,
.user_settings h3,
.notification_methods h3 {
    background:#e4e4e4;
    color:#333333;
    font-size:1.1em;
    line-height:1em;
    margin:0 0 10px 0;
    padding:5px;
    
    
}
h3.settings {
    background:#e4e4e4;
    color:#333333;
    font-size:1.1em;
    line-height:1em;
    margin:10px 0 4px 0;
    padding:5px;
    
    
}
.admin_users_online .profile_status {
    
    
    background:#bbdaf7;
    line-height:1.2em;
    padding:2px 4px;
}
.admin_users_online .profile_status span {
    font-size:90%;
    color:#666666;
}
.admin_users_online  p.owner_timestamp {
    padding-left:3px;
}


.admin_debug label,
.admin_usage label {
    color:#333333;
    font-size:100%;
    font-weight:normal;
}

.admin_usage {
    border-bottom:1px solid #cccccc;
    padding:0 0 20px 0;
}
.usersettings_statistics .odd,
.admin_statistics .odd {

}
.usersettings_statistics .even,
.admin_statistics .even {

}
.usersettings_statistics td,
.admin_statistics td {
    padding:2px 4px 2px 4px;
    border-bottom:1px solid #cccccc;
}
.usersettings_statistics td.column_one,
.admin_statistics td.column_one {
    width:200px;
}
.usersettings_statistics table,
.admin_statistics table {
    width:100%;
}
.usersettings_statistics table,
.admin_statistics table {
    border-top:1px solid #cccccc;
}
.usersettings_statistics table tr:hover,
.admin_statistics table tr:hover {
    background: #E4E4E4;
}
.admin_users_online .search_listing {
    margin:0 0 5px 0;
    padding:5px;
    border:2px solid #cccccc;
    
    
}



/* force tinyMCE editor initial width for safari */
.mceLayout {
    width:683px;
}
p.longtext_editarea {
    margin:0 !important;
}
.toggle_editor_container {
    margin:0 0 15px 0;
}
/* add/remove longtext tinyMCE editor */
a.toggle_editor {
    display:block;
    float:right;
    text-align:right;
    color:#666666;
    font-size:1em;
    font-weight:normal;
}

div.ajax_loader {
    background: white url(http://das-mirage.de/community/_graphics/ajax_loader.gif) no-repeat center 30px;
    width:auto;
    height:100px;
    margin:0 10px 0 10px;
}



/* reusable elgg horizontal tabbed navigation
   (used on friends collections, external pages, & riverdashboard mods)
*/
#elgg_horizontal_tabbed_nav {
    margin:0 0 5px 0;
    padding: 0;
    border-bottom: 2px solid #cccccc;
    display:table;
    width:100%;
}
#elgg_horizontal_tabbed_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#elgg_horizontal_tabbed_nav li {
    float: left;
    border: 2px solid #cccccc;
    border-bottom-width: 0;
    background: #eeeeee;
    margin: 0 0 0 10px;
}
#elgg_horizontal_tabbed_nav a {
    text-decoration: none;
    display: block;
    padding:3px 10px 0 10px;
    color: #999999;
    text-align: center;
    height:21px;
}
/* IE6 fix */
* html #elgg_horizontal_tabbed_nav a { display: inline; }

#elgg_horizontal_tabbed_nav a:hover {
    color: #0054a7;
    background: #dedede;
}
#elgg_horizontal_tabbed_nav .selected {
    border-color: #cccccc;
    background: white;
}
#elgg_horizontal_tabbed_nav .selected a {
    position: relative;
    top: 2px;
    background: white;
    color: #0054a7;
}
/* IE6 fix */
* html #elgg_horizontal_tabbed_nav .selected a { top: 3px; }


/* ***************************************
    ADMIN AREA - REPORTED CONTENT
*************************************** */
.reportedcontent_content {
    margin:0 0 5px 0;
    padding:0 7px 4px 10px;
}
.reportedcontent_content p.reportedcontent_detail,
.reportedcontent_content p {
    margin:0;
}
.active_report {
    border:1px solid #D3322A;
    background:#F7DAD8;
}
.archived_report {
    border:1px solid #666666;
    background:#dedede;
}
a.archive_report_button {
    float:right;
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#0054a7;
    border: 1px solid #0054a7;
    width: auto;
    padding: 4px;
    margin:15px 0 0 20px;
    cursor: pointer;
}
a.archive_report_button:hover {
    background: #0054a7;
    border: 1px solid #0054a7;
    text-decoration: none;
}
a.delete_report_button {
    float:right;
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#999999;
    border: 1px solid #999999;
    width: auto;
    padding: 4px;
    margin:15px 0 0 20px;
    cursor: pointer;
}
a.delete_report_button:hover {
    background: #333333;
    border: 1px solid #333333;
    text-decoration:none;
}
.reportedcontent_content .collapsible_box {
    background: white;
}

#profile_icon_wrapper {
	float:left;
}
	
.usericon {
	position:relative;
}

.avatar_menu_button {
	width:15px;
	height:15px;
	position:absolute;
	cursor:pointer;
	display:none;
	right:0;
	bottom:0;
}
.avatar_menu_arrow {
	background: url(http://das-mirage.de/community/_graphics/avatar_menu_arrows.gif) no-repeat left top;
	width:15px;
	height:15px;
}
.avatar_menu_arrow_on {
	background: url(http://das-mirage.de/community/_graphics/avatar_menu_arrows.gif) no-repeat left -16px;
	width:15px;
	height:15px;
}
.avatar_menu_arrow_hover {
	background: url(http://das-mirage.de/community/_graphics/avatar_menu_arrows.gif) no-repeat left -32px;
	width:15px;
	height:15px;
}
.usericon div.sub_menu { 
	display:none; 
	position:absolute; 
	padding:2px; 
	margin:0; 
	border-top:solid 1px #E5E5E5; 
	border-left:solid 1px #E5E5E5; 
	border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999;  
	width:160px; 
	background:#FFFFFF; 
	text-align:left;
}
div.usericon a.icon img {
	z-index:10;
}

.usericon div.sub_menu a {margin:0;padding:2px;}
.usericon div.sub_menu a:link, 
.usericon div.sub_menu a:visited, 
.usericon div.sub_menu a:hover{ display:block;}	
.usericon div.sub_menu a:hover{ background:#cccccc; text-decoration:none;}

.usericon div.sub_menu h3 {
	font-size:1.2em;
	padding-bottom:3px;
	border-bottom:solid 1px #dddddd;
	color: #4690d6;
	margin:0 !important;
}
.usericon div.sub_menu h3:hover {

}

.user_menu_addfriend,
.user_menu_removefriend,
.user_menu_profile,
.user_menu_friends,
.user_menu_friends_of,
.user_menu_blog,
.user_menu_file,
.user_menu_messages,
.user_menu_admin,
.user_menu_pages {
	margin:0;
	padding:0;
}
.user_menu_admin {
	border-top:solid 1px #dddddd;
}
.user_menu_admin a {
	color:red;
}
.user_menu_admin a:hover {
	color:white !important;
	background:red !important;
}

.resetdefaultprofile {
	padding:0 10px 0 10px;
}
.resetdefaultprofile input[type="submit"] {
	background: #dedede;
	border-color: #dedede;
	color:#333333;
}
.resetdefaultprofile input[type="submit"]:hover {
	background: red;
	border-color: red;
	color:white;
}

/* Banned user */
#profile_banned {
	background-color:#FF8888;
	border:3px solid #FF0000;
	padding:2px;
}

.singleview {
    margin-top:10px;
}

.blog_post_icon {
    float:left;
    margin:3px 0 0 0;
    padding:0;
}

.blog_post h3 {
    font-size: 150%;
    margin:0 0 10px 0;
    padding:0;
}

.blog_post h3 a {
    text-decoration: none;
}

.blog_post p {
    margin: 0 0 5px 0;
}

.blog_post .strapline {
    margin: 0 0 0 35px;
    padding:0;
    color: #aaa;
    line-height:1em;
}
.blog_post p.tags {
    background:transparent url(http://das-mirage.de/community/_graphics/icon_tag.gif) no-repeat scroll left 2px;
    margin:0 0 7px 35px;
    padding:0pt 0pt 0pt 16px;
    min-height:22px;
}
.blog_post .options {
    margin:0;
    padding:0;
}

.blog_post_body img[align="left"] {
    margin: 10px 10px 10px 0;
    float:left;
}
.blog_post_body img[align="right"] {
    margin: 10px 0 10px 10px;
    float:right;
}
.blog_post_body img {
    margin: 10px !important;
}

.blog-comments h3 {
    font-size: 150%;
    margin-bottom: 10px;
}
.blog-comment {
    margin-top: 10px;
    margin-bottom:20px;
    border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
    float:left;
    margin: 0 10px 0 0;
}
.blog-comment-menu {
    margin:0;
}
.blog-comment-byline {
    background: #dddddd;
    height:22px;
    padding-top:3px;
    margin:0;
}
.blog-comment-text {
    margin:5px 0 5px 0;
}

/* New blog edit column */
#blog_edit_page {
    /* background: #bbdaf7; */
    margin-top:-10px;
}
#blog_edit_page #content_area_user_title h2 {
    background: none;
    border-top: none;
    margin:0 0 10px 0px;
    padding:0px 0 0 0;
}
#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
    background:none;
    border-top:none;
    margin:inherit;
    padding:0 0 5px 5px;
    font-size:1.25em;
    line-height:1.2em;
}
#blog_edit_page #blog_edit_sidebar {
    margin:0px 0 22px 0;
    background: #2B2B2B;
    padding:5px;
    border:1px solid #454545;
}
#blog_edit_page #two_column_left_sidebar_210 {
    width:200px;
    margin:0px 0 20px 0px;
    min-height:360px;
    float:left;
    padding:0;
}
#blog_edit_page #two_column_left_sidebar_maincontent {
    margin:0 0px 20px 20px;
    padding:0px 20px 20px 20px;
    width:600px;
}
/* unsaved blog post preview */
.blog_previewpane {
    border:1px solid #D3322A;
    background:#F7DAD8;
    padding:10px;
    margin:10px;
}
.blog_previewpane p {
    margin:0;
}

#blog_edit_sidebar .publish_controls,
#blog_edit_sidebar .blog_access,
#blog_edit_sidebar .publish_options,
#blog_edit_sidebar .publish_blog,
#blog_edit_sidebar .allow_comments,
#blog_edit_sidebar .categories {
    margin:0 5px 5px 5px;
    border-top:1px solid #cccccc;
}
#blog_edit_page ul {
    padding-left:0px;
    margin:5px 0 5px 0;
    list-style: none;
}
#blog_edit_page p {
    margin:5px 0 5px 0;
}
#blog_edit_page #two_column_left_sidebar_maincontent p {
    margin:0 0 15px 0;
}
#blog_edit_page .publish_blog input[type="submit"] {
    font-weight: bold;
    padding:2px;
    height:auto;
}
#blog_edit_page .preview_button a {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    background:white;
    border: 1px solid #cccccc;
    color:#999999;
    width: auto;
    height: auto;
    padding: 3px;
    margin:1px 1px 5px 10px;
    cursor: pointer;
    float:right;
}
#blog_edit_page .preview_button a:hover {
    background:#4690D6;
    color:white;
    text-decoration: none;
    border: 1px solid #4690D6;
}
#blog_edit_page .allow_comments label {
    font-size: 100%;
}

.post_meta {
    float: left;
    width:200px;
}

.blog_post_body {
    float: left;
    padding-left: 30px;
}

.blog_post {
    background-color: #0C0C0C;
    clear: both;
    margin-bottom:30px;
    padding: 10px;
}

.blog_post .mirage_entity_date {
    padding-bottom: 5px;
    padding-top:5px;
}



p.filerepo_owner {
	margin:0;
	padding:0;
}
.filerepo_owner_details {
	margin:0;
	padding:0;
	line-height: 1.2em;
}
.filerepo_owner_details small {
	color:#666666;
}
.filerepo_owner .usericon {
	margin: 3px 5px 5px 0;
	float: left;
}

.filerepo_download a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	background:#4690d6;
	border:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	width: auto;
	height: 25px;
	padding: 3px 6px 3px 6px;
	margin:10px 0 10px 0;
	cursor: pointer;
}
.filerepo_download a:hover {
	background: black;
	color:white;
	text-decoration: none;
}

/* FILE REPRO WIDGET VIEW */
.filerepo_widget_singleitem {
	margin:0 0 5px 0;
	padding:5px;
	min-height:60px;
	display:block;
	background:white;
   	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.filerepo_widget_singleitem_more {
	margin:0;
	padding:5px;
	display:block;
	background:white;
   	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.filerepo_listview_icon {
	float: left;
	margin-right: 10px;
}
.filerepo_timestamp {
	color:#666666;
	margin:0;
}
.filerepo_listview_desc {
	display:none;
	padding:0 10px 10px 0;
	line-height: 1.2em;
}
.filerepo_listview_desc p {
	color:#333333;
}
.filerepo_widget_content {
	margin-left: 70px;
}
.filerepo_title {
	margin:0;
	padding:6px 5px 0 0;
	line-height: 1.2em;
	color:#666666;
	font-weight: bold;
}

.collapsable_box #filerepo_widget_layout {
	margin:0 10px 0 10px;
	background: none;
}

/* widget gallery view */
#filerepo_widget_layout .filerepo_widget_galleryview {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: white;
	margin:0 0 5px 0;	
}
.filerepo_widget_galleryview img {
	padding:0;
    border:1px solid white;
    margin:4px;
}
.filerepo_widget_galleryview img:hover {
	border:1px solid #333333;
}

/* SINGLE ITEM VIEW */
.filerepo_file {
	background:white;
	margin:10px 10px 0 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.filerepo_file .filerepo_title_owner_wrapper {
	min-height:60px;

}
.filerepo_title_owner_wrapper .filerepo_title,
.filerepo_title_owner_wrapper .filerepo_owner {
	margin-left: 70px !important;
}
.filerepo_file .filerepo_maincontent {
	padding:0 20px 0 0;
}
.filerepo_file .filerepo_icon {
	width: 70px;
	position: absolute;
	margin:10px 0 10px 10px;
}
.filerepo_file .filerepo_title {
	margin:0;
	padding:7px 4px 10px 10px;
	line-height: 1.2em;
}
.filerepo_file .filerepo_owner {
	padding:0 0 0 10px;
}
.filerepo_file .filerepo_description {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
.filerepo_download,
.filerepo_controls {
	padding:0 0 1px 10px;
	margin:0 0 10px 0;
}
.filerepo_file .filerepo_description p {
	padding:0 0 5px 0;
	margin:0;
}
.filerepo_file .filerepo_specialcontent img {
	padding:10px;
	margin:0 0 0 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: black; 
}
/* zaudio player */
.filerepo_maincontent .filerepo_specialcontent {
	margin:0 0 20px 0;
}
.filerepo_tags {
	padding:0 0 10px 10px;
	margin:0;
}

/* file repro gallery items */
.search_gallery .filerepo_controls {
	padding:0;
}
.search_gallery .filerepo_title {
	font-weight: bold;
	line-height: 1.1em;
	margin:0 0 10px 0;
}
.filerepo_gallery_item {
	margin:0;
	padding:0;
	text-align:center;

}
.filerepo_gallery_item p {
	margin:0;
	padding:0;
}
.filerepo_gallery_item .filerepo_controls {
	margin-top:10px;
}
.filerepo_gallery_item .filerepo_controls a {
	padding-right:10px;
	padding-left:10px;
}
.search_gallery .filerepo_comments {
	font-size:90%;
}

.filerepo_user_gallery_link {
	float:right;
	margin:5px 5px 5px 50px;
}
.filerepo_user_gallery_link a {
	padding:2px 25px 5px 0;
	background: transparent url(http://das-mirage.de/community/_graphics/icon_gallery.gif) no-repeat right top;
	display:block;
}
.filerepo_user_gallery_link a:hover {
	background-position: right -40px;
}

/* IE6 */
* html #description_tbl { width:676px !important;}




#logbrowserSearchform {
	padding: 10px;
	background-color: #dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}

.log_entry {
	width: 699px;
	font-size: 80%;
	background:white;
	margin:0 10px 5px 10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border:1px solid white;
}
.log_entry td {
}

.log_entry_user {
	width: 120px;
}

.log_entry_time {
	width: 210px;
	padding:2px;
}

.log_entry_item {
	
}

.log_entry_action {
	width: 75px;
}
/* new members page */
.members .search_listing {
	border:2px solid #cccccc;
	margin:0 0 5px 0;
}
.members .search_listing:hover {
	background:#dedede;
}
.members .group_count {
	font-weight: bold;
	color: #666666;
	margin:0 0 5px 4px;
}
.members .search_listing_info {
	color:#666666;
}

.members .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#bbdaf7;
	line-height:1.2em;
	padding:2px 4px;
}
.members .profile_status span {
	font-size:90%;
	color:#666666;
}
.members  p.owner_timestamp {
	padding-left:3px;
}
.members .pagination {
	border:2px solid #cccccc;
	margin:5px 0 5px 0;
}


#memberssearchform {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
#memberssearchform input[type="submit"] {
	padding:2px;
	height:auto;
	margin:4px 0 5px 0;
}




div#calendarmenucontainer {
	position: relative;
}

ul#calendarmenu {
	list-style: none;
	position: absolute;
	top: 0px;
	left: -15px;
}

ul#calendarmenu li {
	float: left;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #969696;
	background-color: #F5F5F5;
}


ul#calendarmenu li.sys_calmenu_last {
	border-right: 1px solid #969696;
}

ul#calendarmenu li a {
	text-decoration: none;
	padding: 4px 12px;
	float: left;
}

ul#calendarmenu li a:hover, ul#calendarmenu li.sys_selected a{
	text-decoration: none;
	padding: 4px 12px;
	float: left;
	color: #FFFFFF;
	background: #3874B7;
}


.river_object_event_calendar_create {
	background: url(http://das-mirage.de/community/mod/event_calendar/images/river_icon_event.gif) no-repeat left -1px;
}
.river_object_event_calendar_update {
	background: url(http://das-mirage.de/community/mod/event_calendar/images/river_icon_event.gif) no-repeat left -1px;
}
#event_list {
	width:440px;
	margin:0;
	float:left;
	padding:5px 0 0 0;
}
#event_list .search_listing {
	border:2px solid #cccccc;
	margin:0 0 5px 0;
}

.events {
	min-height: 300px;
}

.user_menu_people_you_might_know { margin:0; padding:0;}

#peopleyoumightknow-cont {padding:10px 2px; margin: 14px auto; border:1px solid #CCCCCC; border-left:none; border-right:none;}
#peopleyoumightknow-cont h4{font-size:1.0em; padding-bottom:8px;}
#peopleyoumightknow-cont p{font-size:0.9em; background:none;}
#peopleyoumightknow-cont p.owner_timestamp{font-size:0.8em;}
#peopleyoumightknow-cont div.search_listing{ background:none;}.toolbarlinks_menu {
	margin-bottom: 2px;
}



.user_menu_friends_of_friends { margin:0; padding:0;}/* WIDGET */
.mirage_album_widget_entity {
    float: left;
    padding-right: 30px;
}

.mirage_album_widget_entity_desc {
    padding-top: 10px;
    background-image: url(http://das-mirage.de/community/mirage_media/img/bildergalerie_titel_hintergrund.gif);
    background-repeat: no-repeat;
}

.mirage_album_widget_entity_cover img {
    border: 3px solid grey;
}

#tidypics_image_full {
    float: left;
    height: 540px;
    width: 520px;

    margin-top: 30px;
    padding: 10px;

    border: 1px solid #323232;
    text-align: center;

    background: #000 url(http://das-mirage.de/community/mirage_media/img/bild_bg.png) no-repeat;
}

#tidypics_image_meta {
    float: left;
    width: 300px;
    padding-left: 20px;
    height: 540px;
    margin-top: 20px;
}

#tidypics_image_meta .messageboard {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-right: 5px;
}

#tidypics_image_meta .message {
    width: 200px;
    padding-left: 0;
    margin-left: 0;
}

#tidypics_image_meta .message_buttons {
    /*display: none;*/
}

#tidypics_image_meta .input-textarea {
    height: 90px;
    width: 287px;
}

#tidypics_image_meta .elgg_annotation_list {
    max-height: 370px;
    overflow: auto;
}

#tidypics_image_meta .generic_comment_title {
    margin-top: 10px;
}

#tidypics_image_meta .messageboard {
    width: 250px;
}

#album_slider {
    margin-top: 20px;
    width: 900px;
    height: 180px;
    padding: 15px 30px 25px 30px;
    padding-bottom: 0;
    background: transparent url(http://das-mirage.de/community/mirage_media/img/bilder_slider_bg.png) repeat-y;
}

#album_slider .tidypics_album_images {
    float: left;
    width: 92px;
    height: 92px;
}

.album_slider_images {
    width: 660px;
    float: left;
}

#album_slider .tidypics_album_images img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 2px solid #292929;
}

#album_slider .slider_button a {
    width: 50px;
    height: 167px;
    float: left;
}

#album_slider .slider_button img {
    padding-top: 80px;
    padding-left: 17px;
}

#album_slider .slider_next a {
    background-color: #1C1C1C;
}

#album_slider .slider_prev a {
    background-color: #3F3F3F;
    margin-right: 20px;
}

.gallery_big {
    margin-bottom: 30px;
}

.gallery_big #album_slider .album_slider_images {
    width: 380px;
    float: left;
}

.gallery_big #album_slider .album_slider_images img {
    border: 2px solid #292929;
}

.gallery_big_desc {
    float: left;
}

.gallery_big_desc_title {
    width: 400px;
    overflow: hidden;
}

.gallery_big .mirage_entity_date_day {
    margin-right: 5px;
}

.gallery_big_desc_buttons {
    clear: both;
    margin-top: 20px;
    color: grey;
}

.gallery_big_desc_buttons img {
    position: relative;
    top: 12px;
}

.tidypics_edit_image_container img,
.tidypics_edit_image_container .tidypics_image_info {
    float: left;
    display: block;
}

.tidypics_edit_image_container {
    clear: both;
    height: 200px;
    background-color: #0C0C0C;
    margin-bottom: 30px;
    padding: 30px;
    padding-bottom: 0;
}

.tidypics_edit_image_container .tidypics_image_info {
    margin-left: 20px;
    width: 400px;
    margin-top: -20px;
}

.active_picture img {
    border-color: #cccccc !important;
}

.tidypics_back, .tidypics_next {
    font-size: 12px;
    font-weight: bold;
    color: #ad236b;
    border: 1px solid #333;
    padding: 5px;
    margin: 1px;
    position: relative;
    top: 2px;
}

.tidypics_back:hover, .tidypics_next:hover {
    color: white;
}
.message {
    padding: 10px 20px;
    width: 300px;
    float: left;
}

.message p {
}

.messageboard .mirage_profile_icon {
    border: 0px;
    float: right;
}

.message_item_timestamp {
    text-align: right;
    border-bottom: 1px solid #2D2D2D;
    width: 100%;
    float: right;
}

.answer {
    clear: both;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.answer .pfeil {
    float: left;
    padding-right: 20px;
    margin-top: -20px;
}

.answer .answer_message {
    font-weight: normal;
    color: #AD236B;
    /*float: left;*/
}

.answer a { color: white; }

#mb_input_wrapper textarea {
    clear: both;
    width: 400px;
    height: 100px;
}

.messageboard {
    width: 400px;
    padding-right: 50px;
    float: left;
    overflow: auto;
}

#one_column #mb_input_wrapper {
    float: right;
    position: relative;
    top: -65px;
}


.messageboard, #mb_input_wrapper {
    height: 200px;
    margin-bottom: 50px;
}

.messageboard .mirage_profile_icon {
    margin-bottom: 5px;
}

#mirage_messageboard_pagination {
    margin-left: 30%;
}

#layout_footer {
    width: 950px;
    margin:0 auto;
    margin-top: 10px;
}

.mirage_column_left {
    float: left;
    /*background-color: red;*/
    width: 430px;
    padding-right: 10px;
}

.mirage_column_right {
    float: right;
    width: 450px;
}

.mirage_column_left, .mirage_column_right {
}

#mirage_row {
    padding: 10px 0px 20px 0px;
}

.index_members {
    float: left;
}

/*#body_img {
    background-image: url(http://root.dynalias.com/kunden/026_mirage/freigegeben/4.Mirage_Layout_Events.png);
    position: absolute;
    left: 50%;
    margin-left: -604px;
    top: 0px;
    width: 1200px;
    height: 1166px;
    z-index: -1;
}

#page_wrapper {
    opacity: 0.5;
    padding-left: 15px;
}*/
.mirage_event_calendar_overview_right {
    float: left;
    width: 200px;
}

.mirage_event_calendar_overview_right div {
    background-image: url(http://das-mirage.de/community/mirage_media/img/alle_events_bg.gif);
    background-repeat: repeat-y;
}

.mirage_event_calendar_overview_right div a {
    margin-left: 10px;
    line-height: 1.5em;
    font-size: 10px;
}

.mirage_event_calendar_mini {
    width: 350px;
    float: left;
}

.mirage_event_calendar_mini_icon {
    float: left;
    height: 230px;
    padding-right: 10px;
}

.mirage_event_calendar_mini_icon img {
    width: 140px;
    height: 200px;
}

.mirage_event_calendar_mini_desc {
    background-image: url(http://das-mirage.de/community/mirage_media/img/event_titel_hintergrund.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 230px;
    padding-right: 20px;
}

.mirage_event_calendar_mini_desc p {
}

#mirage_event_calendar {
    padding-bottom: 20px;
}

#mirage_event_calendar_header {
    height: 50px;
}

#mirage_event_calendar_header img {
}

.mirage_event {
    margin-top: 10px;
}

.mirage_event_img {
    float: left;
    margin-top: 5px;
}

.mirage_event_desc {
    padding: 20px;
    padding-top: 0;
    width: 300px;
    float: left;
}

.mirage_event_desc p {
    padding: 5px;
}

.mirage_event_back {
}

.edit_event label {
    display: block;
    font-size: 14pt;
    color: #ad236b;
}

#mirage_event_calendar_s .mirage_event {
    font-size: 20px;
    float: left;
}

#mirage_event_calendar_s .mirage_event .mirage_event_img img {
    width: 200px
}

#mirage_event_calendar_s .clearfloat {
    height: 50px;
}

#ab16_gross {
    float: left;
    width: 200px;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 12px;
}

#ab16_gross a {
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}

#mirage_event_calendar_s .mirage_event_calendar_mini {
    margin-right: 20px;
    margin-bottom: 20px;
}

#mirage_event_calendar_s .mirage_event_calendar_mini_desc_text {
    margin-top: 10px;
}
.mirage_entity_title {
}

.mirage_entity_date, .pink {
    color: #ad236b !important;
}

.mirage_entity_date_day {
    padding: 5px 0px;
}

.mirage_entity_small_desc {
    font: 10px Arial, sans-serif;
    line-height: 14px;
}

.grey {
    color: grey;
}

label {
    cursor: pointer;
    margin-top: 15px;
    display: block;
}

input, textarea, select {
    margin: 2px 0px 2px 0px;
}

.mirage_infobox {
}

.mirage_infobox_div {
    background-repeat: repeat-x;
    height: 51px;
}

.mirage_infobox_img, .mirage_infobox_div {
    float: left;
}

.mirage_infobox_p {
    position: relative;
    top: 15px;
}

.widget_header {
    clear: both;
    background-image: url(http://das-mirage.de/community/mirage_media/img/widget_header.gif);
    background-repeat: repeat-x;
    width: 100%;
    border: 1px solid #2a2a2a;
    padding: 6px;
    color: grey;
}

.widget_header_big {
    font-size: 14pt;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 20px;
    color: white;
}

.widget_content {
    margin-left: 1px;
    /* Weil die Überschrift aufgrund des Rahmens auch um 1px verschoben ist */
    padding: 20px 0px 40px 30px;
    width: 661px;
    /* s.o. */
}

textarea, input, .input-text, #register_login_form input {
    border: 0px;
    background-image: url(http://das-mirage.de/community/mirage_media/img/register_form_bg.gif);
    background-repeat: repeat-x;
    color: white;
    background-color: black;
    border: 1px solid #373737;
}

label.required {
    color: #ad236b;
}

.upload-file { color: black; }

.mirage_news_comments  form{
    clear: both;
}

.post_meta {
    float:left;
}

.blog_post_body {
    float:left;
    width: 630px;
}

.blog_post_body a {
    font-weight: bold;
}

.account_delete_form input {
    margin: 20px 20px 20px 0px;
    float: left;
}

.change_password_form {
    width: 350px;
}

.change_password_form label {
}

.change_password_form input{
    float: right;
    margin-top:-5px;
}

.change_password_form .submit_button {
    clear: both;
    float: left;
    margin-top: 20px;
}
.mirage_newest_members_member, .mirage_online_members_member {
    float: left;
    width: 200px;
    height: 85px;
    padding-right: 10px;
}

.mirage_newest_members_member_icon img,
.mirage_online_members_member_icon img, .mirage_profile_icon {
    width: 60px;
    height: 60px;
    float: left;
    border: 3px solid grey;
}

.mirage_newest_members_member_desc,
.mirage_online_members_member_desc {
    float: left;
    display: block;
    width: 130px;
    height: 85px;
    background-image: url(http://das-mirage.de/community/mirage_media/img/username_hintergrund.gif);
    background-repeat: no-repeat;
    padding-top: 3px;
}

.mirage_newest_members_member_desc img,
.mirage_online_members_member_desc img {
    padding-bottom: 3px;
}

.mirage_newest_members_member_desc .spacer,
.mirage_online_members_member_desc .spacer {
    padding-left: 8px;
}
.mirage_register_left {
    color: white;
    padding-top: 7px;
    width: 700px;
    float: left;
}

.mirage_register_left textarea,
.mirage_register_left input,
.mirage_register_left.input-text {
    width: 300px;
}

.mirage_register_left label {
    width: 150px;
    display: block;
    float: left;
    text-align: right;
    padding: 0px;
    padding-right: 10px;
    font-weight: normal;
    margin-top: 2px;
}

.mirage_register_left a {
    color: #ad236b;
}

#mirage_register_terms_accepted label, #mirage_register_newsletter label {
    display: block;
    float: left;
    text-align: left;
    width: 350px;
}

#mirage_register_terms_accepted input, #mirage_register_newsletter input {
    width: auto;
    margin-left: 110px;
    margin-top: 0px;
    margin-right: 7px;
    float: left;
}

.mirage_register_left .mirage_infobox {
    margin-left: 110px;
}

.mirage_register_submit_img {
    position: relative;
    top: 10px;
}

.mirage_register_left .mirage_infobox_p {
    top: 0px;
    width: 270px;
}

.mirage_register_left .required_fields {
    margin: 10px 0px 10px 20px;
}

.mirage_register_left .required_fields p {
    width: 550px;
    margin-top: 10px;
}

.mirage_register_left .required_fields p img {
    position: relative;
    top: 5px;
}

#register-box {
    padding-left: 50px;
    padding-top: 20px;
}

.gre {
    /* Größe */
    width: 50px !important;
}

#birthday_input {
    width: 100px !important;
}

.geschlecht {
    position: relative;
    top: -2px;
    margin-bottom: 20px;
}

.bermich {
    /* Über mich */
    height: 150px;
}

.mirage_register_right {
    width: 200px;
    float: right;
}

.mirage_register_right .mirage_newest_members {
    margin-top: 20px;
}

#register_login_form {
    padding-bottom: 30px;
}
#profile_info_column_left {
    width: 220px;
    float: left;
}

#profile_info_column_middle {
    width: 680px;
    float: left;
}

#profile_icon_wrapper {
    padding-top: 40px;
    border: 1px solid #2a2a2a;
    height: 240px;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
}

#profile_info_column_middle dl {
    height: 150px;
}

#profile_info_column_middle dt {
    float: left;
    display: block;
    width: 120px;
    height: 20px;
    color: #ad236b;
}

#profile_info_column_middle dd {
    float: left;
    display: block;
    width: 530px;
    /* Rest der 700px Breite, Umbruch erzwingen */
    min-height: 20px;
}

#profile_info_column_middle #widget_friends_list {
    padding-bottom: 63px;
}

#profile_info_column_middle .widget_friends_singlefriend {
    float: left;
    padding-right: 5px;
    text-align: center;
}

.friends_list_icon {
    border: 0px;

}

#profile_info_column_middle #mb_input_wrapper {
    clear: both;
}

#profile_info_column_middle .messageboard {
    width: 600px;
    height: auto;
}

#profile_info_column_middle .message p {
    width: 600px;
}

#profile_info_column_middle .message_answer p {
    width: 540px;
}

#profile_info_column_middle .message_answer .message_item_timestamp {
    width: 600px;
}

#editprofile label {
    margin-top: 6px;
}

#editprofile .submit_button {
    margin-left: 160px;
}

#editprofile input, #editprofile select, #editprofile textarea {
    margin: 5px 0px;
}

.miniprofile_logout_button {
    float: right;
}
.dashboard {
    margin-top: 20px;
}

.dashboard_messageboard, .dashboard_messages {
    width: 320px;
    float: left;
    padding-right: 20px;
}

.dashboard_messageboard .clearfloat {
    height: 5px !important;
}

.dashboard_messageboard .message_buttons {
    display: none;
}

.dashboard_messageboard .messageboard {
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    width: 320px;
    height: 100px;
}

.mirage_messages_widget {
    background-image: url(http://das-mirage.de/community/mirage_media/img/pms_widget_bg.png);
    background-repeat: no-repeat;
    width: 350px;
}

.mirage_messages_widget p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mirage_messages_unread_count {
    padding-left: 75px;
    padding-top: 25px;
}

.mirage_messages_overview {
    padding-left: 20px;
    padding-top: 30px;
    height: 150px;
}

.mirage_messages_overview_read {
}

.mirage_messages_overview_unread {
    font-weight: bold;
    color: white;
}

.mirage_messages_overview_sender {
    font-size: 10px;
}


.miniprofile {
    width: 180px;
    float: left;
    background-image: url(http://das-mirage.de/community/mirage_media/img/miniprofile_widget_bg.png);
    background-repeat: no-repeat;
    padding: 10px;
    padding-top: 15px;
    height: 200px;
}

.miniprofile_right {
    float: left;
    padding-left: 7px;
    padding-top: 2px;
    width: 100px;
}

.miniprofile_bottom {
    clear: both;
    padding-top: 22px;
}

.miniprofile_last_login {
    font-size: 10px;
    color: #D964A2;
}

.miniprofile_profilelink {
    font-size: 11px;
    text-decoration: underline;
}

.miniprofile_bottom a {
    display: block;
    padding-bottom: 9px;
    padding-left: 25px;
}

.miniprofile_icon {
    border: 0px;
    margin-left: 3px;
    margin-top: 2px;
    height: 63px;
    width: 61px;
}

.dashboard .clearfloat {
    height: 10px;
}

.dashboard_photos, .dashboard_online_members {
    width: 450px;
    float: left;
}

.dashboard .messageboard {
    overflow: hidden;
}

.dashboard .message {
    width: 230px;
    padding-right: 0;
    margin-right: 0;
}

/*-------------------------------
MESSAGING PLUGIN
-------------------------------*/
#messages {
}
.actiontitle {
    font-weight: bold;
    margin: 0 0 10px 0;
}
#messages .pagination {
    margin: 5px 0 5px 0;
}
#messages input[type="checkbox"] {
    margin:0;
    padding:0;
    border:none;
}
.messages_buttonbank {
    margin: 5px 10px;
    padding: 5px;
    text-align: right;
}
.messages_buttonbank input {
    margin: 0 0 0 10px;
}
.messages_buttonbank input[type="button"] {
    font-weight: bold;
    width: auto;
    height: 25px;
    padding: 2px 6px 2px 6px;
    margin:0 0 0 10px;
    cursor: pointer;
}
.messages_buttonbank input[type="button"]:hover {
}

#messages td {
    text-align: left;
    vertical-align:middle;
}
#messages .message_sent {
    margin-bottom: 5px;
}
#messages .message_notread {
    margin-bottom: 5px;
}
#messages .message_read {
    margin-bottom: 5px;
}
#messages .message_notread td {

}
#messages .message_read .msgsubject {
    font-weight: normal;
}

#messages .delete_msg a {
    display: block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin: 0;
    background: url("http://das-mirage.de/community/_graphics/icon_customise_remove.png") no-repeat right 0;
    text-indent: -9000px;
    float:right;
}
#messages .delete_msg a:hover {
    background-position: right -16px;
}
/* IE6 */
* html #messages .delete_msg a { background-position: right 4px; }
* html #messages .delete_msg a:hover { background-position: right 4px; }

#messages .usericon,
#messages .groupicon {
    float: left;
    margin: 0 15px 0 0;
}

#messages .msgsender {
    line-height: 1em;
    margin: 0;
    padding: 0;
    float: left;
}
#messages .msgsender small {
}


#messages .msgsubject {
}

.msgsubject {
    font-weight: bold;
}

.messages_single_icon  {
    float: left;
    width: 200px;
}

.messages_single_icon .usericon,
.messages_single_icon .groupicon {
    float: left;
}

/* view and reply to message view */
.message_body {
    display: block;
    margin-left: 200px;
}
.message_body .messagebody {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #cccccc;
}

/* drop down message reply form */
#message_reply_form { display:none; margin-left: 200px;}

.new_messages_count {
}
/* tinyMCE container */
#message_reply_editor #message_tbl {

}
/* IE6 */
* html #message_reply_editor #message_tbl {
}

#messages_return {
    margin: 4px 0 4px 10px;
}
#messages_return p {
    margin:0;
}
.messages_single {
}
/* when displaying original msg in reply view */
.previous_message {
    padding: 10px;
    margin: 0 0 20px 0;
}
.previous_message p {
    padding: 0;
    margin: 0 0 5px 0;
}




#notificationstable td.sitetogglefield {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
    margin-right:36px;
    margin-top:5px;
}
#notificationstable td.sitetogglefield a {
    width: 46px;
    height: 24px;
    cursor: pointer;
    display: block;
    outline: none;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
    background: url(http://das-mirage.de/community/mod/messages/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
    background: url(http://das-mirage.de/community/mod/messages/graphics/icon_notifications_site.gif) no-repeat right -36px;
}


.check_message {
    position: relative;
    top: -3px;
    cursor: pointer;
}

.message_body p {
    margin: 10px 0px;
}

.messages_wrapper {
    margin-top: 20px;
    text-align: center;
    width: 900px;
}

.messages_tab {
    position: relative;
    top: -13px;
    padding: 9px 5px 0px 5px;
    background-image: url(http://das-mirage.de/community/mirage_media/img/menu/submenu_bg.png);
    background-repeat: repeat-x;
}

.active_message_tab {
    font-style: italic;
}

.messages_wrapper_content {
    clear: both;
    text-align: left;
    background-color: black;
    position: relative;
    top: -10px;
    padding-top: 20px;
    background-image: url(http://das-mirage.de/community/mirage_media/img/menu/submenu_bg_line.png);
    background-repeat: repeat-x;
}

.tab_img {
}

.messages_alle_button {
    float:right;
    position: relative;
    left: -30px;
}
#menu_container {
    margin: 0 auto;
    height: 250px;
    width: 950px;

    background-image: url(../mirage_media/img/menu_banner.jpg);
    background-repeat: no-repeat;
    background-position: top center;

    z-index: 1;

    border: 1px solid black;
}

#mirage_menu {
    margin-top: 140px;
    width: 950px;
}

#mirage_menu #menu {
    margin-top: 48px;
    float: left;
    margin-left: 100px;
    padding-right: 0px;
    margin-right: 0px;
}

#mirage_menu #menu .menuitem_link:hover {
}

#mirage_menu #submenu {
    text-align: left;
    position: relative;
    top: -12px;
}

#mirage_menu #submenu a {
    margin-top: 2px;
    display: block;
    float: left;
    padding: 10px 10px 0px 10px;
    font-size: 11px;
    background-image: url(../mirage_media/img/menu/submenu_bg.png);
    background-repeat: repeat-x;
    height: 24px;
}

#mirage_menu #submenu .first_item {
    background-image: url(../mirage_media/img/menu/submenu_bottom.png);
    background-position: bottom;
}

#mirage_menu #submenu .submenu_left, #mirage_menu #submenu .submenu_right {
    float: left;
}

.dein_mirage .first_item {
    padding-right: 26px !important;
}

#mirage_log_in {
    float: right;
    font-size: 10px;
    margin-top: 0px;
    text-align: left;
}

.mirage_loginbox, #mirage_logged_in_as {
    padding-right: 38px;
}

.mirage_loginbox {
    height: 40px;
    width: 275px;
    padding-left: 8px;
}

.with-bg {
    background-image: url(http://das-mirage.de/community/mirage_media/img/login_hintergrund.jpg);
    background-repeat: no-repeat;
    margin-top: 32px !important;
}

.mirage_login_password, .mirage_loginbox a {
    position: relative;
    left: -6px;
}

.mirage_login_user, .mirage_login_password {
    margin-top: 0px;
    width: 95px;
    border: 0px;
    color: white;
    background-color: black;
    height: 18px;
    padding: 15px 5px 8px 8px;

    font-size: 10px;
}

.mirage_login_user {
    background-image: url(http://das-mirage.de/community/mirage_media/img/login_user.png);
    background-repeat: no-repeat;
}

.mirage_login_password {
    background-image: url(http://das-mirage.de/community/mirage_media/img/login_pw.png);
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-right: 0px;
}

#mirage_logged_in_as, #mirage_forgotten_password {
    position: absolute;
    left: 50%;
    top: 140px;
    font-size: 10px;
    margin-left: 105px;
}

#mirage_forgotten_password {
    margin-left: 240px;
}

#mirage_logged_in_as a {
}
.inline_admin_menu {
    padding: 10px;
    margin-bottom: 10px;
}

.inline_admin_menu a {
    display: block;
    padding: 5px;
    margin: 2px;
    background-color: #808080;
    color: black;
}

#users_table {

}

#users_table td, #users_table thead th {
    padding: 5px;
    border: 1px solid white;
}

#users_table th {
    font-weight: bold !important;
}

#users_table td a:hover {
    color: #E67BB3;
}

.mirage_admin_subitem {
    margin-left: 20px;
}

.mirage_admin_subitem:before {
    content: '→ ';
}

.mirage_admin_comment_overview table tr {
    height: 50px;
    color: #B3B3B3;
}

.mirage_admin_comment_overview table tr a {
    color: #B3B3B3;
}

.mirage_admin_comment_overview table tr th {
    font-weight: bold;
    text-align: center;
    padding: 10px;
    padding-top: 15px;
}

.mirage_admin_comment_overview table tr td {
    padding: 10px;
}

.mirage_admin_comment_overview table tr.notenabled{
    background-color: #333333;
    color: white;
}

.mirage_admin_comment_overview table tr.notenabled a{
    color: white;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield img {
	padding:6px 10px 6px 3px;
	float:left;
}
#notificationstable td.namefield p.namefieldlink {
	margin:9px 0 0 0;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(http://das-mirage.de/community/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(http://das-mirage.de/community/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}

.notification_collections,
.notification_personal {
	margin-bottom: 25px;
}

.settings_form .friendsPicker_container h3 {
	color:#999999;
	font-size:3em;
	margin:0 0 20px;
	text-align:left;
	background: none;
	border-bottom: none;
}



.izapWrapper{
    background: white;
    margin: 4px;
    padding:4px;
    float:left;
}
.izapWrapper:hover{background: #4690D6}

.izapMargin {
    margin: 0 10px 0 10px;
}