/* +-------------------------------------------------------------------------+ */
/* + page                                                                    + */
/* +-------------------------------------------------------------------------+ */
a:link { color: #336699; text-decoration: none; }
a:visited { color:#336699; text-decoration: none; }
a:hover { color: #336699; text-decoration: none; }
a:active { color: #336699; text-decoration: none; }

a:link.big { font-weight: bold; color: #336699; font-size: 18px; text-decoration: none; }
a:visited.big { font-weight: bold; color: #336699; font-size: 18px; text-decoration: none; }
a:hover.big { font-weight: bold; color: #336699; font-size: 18px; text-decoration: none; }
a:active.big { font-weight: bold; color: #336699; font-size: 18px; text-decoration: none; }

a:link.blue {  color: #1C4805; text-decoration: none; }
a:visited.blue { color: #1C4805; text-decoration: none; }
a:hover.blue { color: #1C4805; text-decoration: none; }
a:active.blue { color: #1C4805; text-decoration: none; }

a:link.white {  color: #ffffff; text-decoration: none; }
a:visited.white { color: #ffffff; text-decoration: none; }
a:hover.white { color: #ffffff; text-decoration: none; }
a:active.white { color: #ffffff; text-decoration: none; }

.highlight { background-color: yellow }

.logo {
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
}

.bold {
    font-weight: bold;
}

.black {
    color: #000000;
}

.grey {
    color: #333333;
}

.smalltext {
    font-size: 11px;
}

.smallertext {
    font-size: 10px;
}

.talldiv {
    padding-top:20px;
}

.header {
    background-color: #3b5998;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.small_header {
    font-size: 11px;
    color: #333333;
    margin-bottom: 2px;
}

.center {
    text-align: center;
}

.debug {
    border: 2px solid #ffff00;
}

.divider {
    border-bottom:0 none;
    border-top:1px solid #DDDDDD;
    margin:5px 10px 15px 0;
}

.divider2 {
    border-bottom:0 none;
    border-top:1px solid #DDDDDD;
    margin: 15px 0px 15px 0px;
}

.plist {
    padding: 4px;
    border-bottom:1px solid #D8DFEA;
}

.capitalize {
    text-transform:capitalize;
}

.trigger {
    cursor: pointer;
}


#error,
.status,
.explanation_note {
    margin: 0 10px 10px 10px;
    padding: 10px;
    border: solid 1px #dd3c10;
    background: #ffebe8;
}

/* +-------------------------------------------------------------------------+ */
/* + portlets                                                                + */
/* +-------------------------------------------------------------------------+ */
.portlet_box {
    margin: 5px;
}

.portlet_header {
    color: #ffffff;
    padding: 2px;
    background-color:#46639D;
    font-size: 11px;
    font-weight: bold;
}

.portlet_body {
    padding: 2px;
}

div.item hr {
    display: block; clear: left; margin: -0.66em 0;
    visibility: hidden;
}

.portlet_img {
    background:white none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    padding:4px;
    vertical-align:middle;
}

.portlet_item {
    float: left;
    margin: 1px 5px 15px 5px;
    width: 120px;
    overflow: hidden;
}

.home_item {
    float: left;
    margin: 1px 6px 15px 6px;
    width: 120px;
    height: 120px;
    overflow: hidden;
}


/* +-------------------------------------------------------------------------+ */
/* + forms                                                                   + */
/* +-------------------------------------------------------------------------+ */
.submitButton, input[type="button"], input[type="submit"] {
    background-color: #1C4805;
    color: #ffffff;
    border: 1px solid #999;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    width: 110px;
    padding: 2px 15px 3px;
}

input[type="reset"]  {
    background-color: #f0f0f0;
    color: #000000;
    border: 1px solid #999;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    width: 70px;
    padding: 2px 15px 3px;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #1C4805;
    cursor: pointer;
}

input[type="reset"]:hover {
    background-color: #f0f0f0;
    color: #000000;
}

input[type="text"], input[type="file"], input[type="password"], textarea {
    color: #666666;
    border: 1px solid #BDC7D8;
    padding:3px;
    font-size: 11px;
}

input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #BDC7D8;
    font-size: 11px;
}

textarea {
    width: inherit;
}

select {
    border:1px solid #BDC7D8;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    padding:2px;
}

/* +-------------------------------------------------------------------------+ */
/* + default_table                                                           + */
/* +-------------------------------------------------------------------------+ */
.default_body {
    color: #666666;
}

.default_table {
    border: 1px solid #bbbbbb;
    padding-top: 10px;
    background-color: #f7f7f7;
    width: 90%;
    color: #666666;
    font-size: 11px;
}

.default_title {
    font-size: 14px;
    padding: 10px 10px 10px 0;
    color: #666666;
}

.tallrow {
    vertical-align:top;
}

.label {
    text-align:right;
    vertical-align:top;
}

.ajaxmessage {
    background-color: #f7f7f7;
    text-align: center;
    padding: 2px;
}

.border {
    border: 1px solid #666666;
}

/* +-------------------------------------------------------------------------+ */
/* + menu                                                                    + */
/* +-------------------------------------------------------------------------+ */
.topMenu {
    background-image:url(/themes/static/images/topMenuBg.gif);
    width:100%;
    border-spacing: 1px;
    margin-bottom: 0px;
}

.topMenu td {
    background-color:white;
    height:22px;
    text-align:center;
    vertical-align:middle;
    text-align:center;
    padding: 0px;
}

.topMenu a, .topMenu a:link, .topMenu a:visited, .topMenu a:active {
    background-image:url(/themes/static/images/tab_cutting.gif);
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    color:#336699;
    text-decoration:none;
}

.topMenu a, .topMenu b {
    display:block;
    font-weight:bold;
    height:22px;
    line-height:22px;
    margin:0;
    padding:0;
    text-transform:capitalize;
}

.subMenusContainer {
    position:relative;
}

.subMenu {
    background-color:transparent;
    background-image:url(/themes/static/images/h_menu_bg.png);
    background-repeat:repeat-x;
    font-weight:bold;
    height:57px;
    padding-top:8px;
    position:absolute;
    top:0;
    width:100%;
}

.subMenuOvr {
    margin-left:14px;
}

subMenu a, .subMenu a:link, .subMenu a:hover, .subMenu a:active, .subMenu a:visited {
    color:#333399;
    text-decoration:none;
}

.subMenu a, .subMenu b {
    margin-right:9px;
}

/* +-------------------------------------------------------------------------+ */
/* + default_tabs                                                            + */
/* +-------------------------------------------------------------------------+ */
.tab-panel {
    border: 0;
}

.tab-view {    
    border: 0;
    border-top: 1px solid #666666;

}

.tab-normal a {
    color: #666666;
    font-size: 10px;
}

.tab-normal a:hover, .tab-normal a:focus {
    color:#666666;
    font-weight:bold;
    text-decoration:none;
}

.tab-normal {
    border: 1px solid #666666;
    background-color: #f7f7f7;
    height: 15px;
}

.tab-active {
    border: 1px solid #666666;
    border-bottom: 0;
    background-color: #1C4805;
    height: 13px;
    top: 0;
    font-size: 10px;

}

.tab-active a {
    color: #ffffff;
}

.tab-active a:visited {
    color: #ffffff;
}

/* +-------------------------------------------------------------------------+ */
/* + default_pannel                                                          + */
/* +-------------------------------------------------------------------------+ */
.default_panel {
    background: #F7F7F7 none repeat scroll 0 0;
    padding: 10px;
    border: 1px solid #D7D7D7;
    display: block;
}

.default_panel_body {
    border: 1px solid #D7D7D7;
    background-color: #ffffff;
    padding: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + default_message                                                         + */
/* +-------------------------------------------------------------------------+ */
.default_message {
    background: #FFF9D7 none repeat scroll 0 0;
    border: 1px solid #E2C822;
    margin: 5px 0 5px 0;
    padding: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + default_message                                                         + */
/* +-------------------------------------------------------------------------+ */
.standard_alert {
    background: #F7F7F7 none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    margin: 5px 0 5px 0;
    padding: 10px;
    width: 300px;
    text-align: left;
}

.standard_buttons {
    text-align: right;
    margin-top: 20px;
}

/* +-------------------------------------------------------------------------+ */
/* + swfupload                                                               + */
/* +-------------------------------------------------------------------------+ */
.swfupload_content {
    border: 1px solid #d7d7d7;
}

.fieldset_flash {
    border: 1px solid #ffff00;
    padding: 10px;
    margin-top: 5px;
    background-color: #ffffff;
}

#divStatus {
    border: 1px solid #ffff00;
    padding: 10px;
    margin-top: 5px;
    background-color: #ffffff;
}

.swfupload_buttonPlaceHolder {
    border: 1px solid #ffff00;
    padding: 10px;
    margin-top: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + show_album                                                              + */
/* +-------------------------------------------------------------------------+ */
.edit_photo {
    margin-top: 3px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
    font-size: 11px;
    color: #000000;
    padding-bottom: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + sort_photos                                                             + */
/* +-------------------------------------------------------------------------+ */
#list-container {
    list-style-type: none;
}

.sortable-element-class {
    cursor: move;
    float: left;
    display: block;;
    margin: 5px;
    height:80px;
    line-height:80px;
    width: 120px;
    text-align: center;
    line-height: 3em;
    vertical-align: middle;
}

.sortable-image {
    border: 1px solid #D7D7D7;
    padding: 5px;
}

.sortHelper {
    cursor: move;
    float: left;
}

/* +-------------------------------------------------------------------------+ */
/* + auto complete                                                           + */
/* +-------------------------------------------------------------------------+ */
.acomplete {  cursor: pointer; position: relative; z-index: 5; background-color: #d8dfea; border: 1px solid #ffffff; }
.acomplete ul {
    border: 1px solid #cccccc;
    list-style: none;
    padding-left: 0;
    color: #666666;
    font-weight: bold;
    margin: 0px;
}
.acomplete li {
    border-top: 1px solid #8b94a6;
    font-size: 11px;
    margin: 0px;
    padding: 5px;

}
/*.acomplete li { padding: 4px; border-top: 1px solid #ccc; }*/
.acomplete .selected { 
    background-color:#3B5998;
    color:white;
}

/* +-------------------------------------------------------------------------+ */
/* + footer                                                                  + */
/* +-------------------------------------------------------------------------+ */
#footer {
    background-image:url(/themes/static/images/top_tab_cutting.gif);
    border-top:1px solid #999999;
    font-size:11px;
    height:17px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    text-align:left;
}

/* +-------------------------------------------------------------------------+ */
/* + photo                                                                   + */
/* +-------------------------------------------------------------------------+ */
.photo {
    border-top: 1px solid #D8DFEA;
    border-bottom: 1px solid #D8DFEA;
    padding-top: 10px;
    background-color: #f7f7f7;
    width:100%;
    color: #666666;
    font-size: 11px;
    margin-bottom: 15px;
}

.photo_item {
    text-align: center;
    margin: 20px;
    /*background-image:url(/themes/static/images/ajax-loader3.gif);*/
    /*background-repeat: no-repeat;*/
}

.album-element-class {
    float: left;
    display: block;;
    margin: 5px;
    text-align: center;
    line-height: 3em;
    vertical-align: middle;
}

.album-image {
    border: 1px solid #D7D7D7;
    padding: 5px;
}

.album-image:hover {
    border: 1px solid #3B5998;
    padding: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + repeater                                                                + */
/* +-------------------------------------------------------------------------+ */
.repeater table { width:400px; margin-bottom: 15px;} 
.repeater table tr { background-color:#FFFFFF; } 
.repeater table tr.odd { background-color:#F0F0FF; } 
.repeater table td { padding:3px 3px 3px 9px; } 
.repeater table .subheader { color:gray; font-size:9px; } 
.repeater table h4 { font-weight:bold;margin:0;font-size:11px; }

/* +-------------------------------------------------------------------------+ */
/* + comment                                                                 + */
/* +-------------------------------------------------------------------------+ */
.note {
    display: none;
    background: url(/themes/static/images/spacer.gif);
    border: 2px solid rgb(255, 255, 255);
    overflow: hidden;
    position: absolute;
    z-index: 0;
    cursor: text;
}

.notep {
    display: none;
    background: #282828;
    color: #ffffff;
    font-size: 8pt;
    margin-top: 0px;
    padding: 1px 10px 1px 10px;
    position: absolute;
    font-weight: bold;
    cursor: text;
}

#noteform {
    display: none;
    position: absolute;
    width: 250px;
    background-color: #eeeeee;
    border: 1px solid #D8DFEA;
    padding: 5px;
}

#noteform textarea{
    width: 100%;
}

/* +-------------------------------------------------------------------------+ */
/* + profile                                                                 + */
/* +-------------------------------------------------------------------------+ */
.edit_profile_table {
    width: 100%;
    background-color: #f7f7f7;
}

.edit_profile_header {
    font-weight: bold;
    padding: 2px 4px 2px 22px;
    cursor: pointer;
    background: #DEDEDE url(/themes/static/images/flex_arrow_shut_gray.gif) no-repeat scroll 0 2px;
}

.photo_moreinfo_header {
    font-weight: bold;
    padding: 2px 4px 2px 22px;
    background: #DEDEDE;
}

.profilestatus {
    border-bottom: 1px solid #c3c3c3;
    margin: 0 0px 5px 0px;
    padding: 5px;
    background: #ffffff;
    overflow:hidden;
}

#addasd {
    width: 210px;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #D8DFEA;
    background-color: #F0F0FF;
}

.more_info_panel {
    width: 300px;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #D8DFEA;
    background-color: #F0F0FF;
}

.box_profile {
    width: 100%;
    margin-top: 15px;
}

.title_profile {
    background-color:#d0e5d0;
    border-top:1px solid #2DA944;
    color:#336699;
    font-size:11px;
    padding:1px 6px;
    margin: 0;
    font-weight:bold;
}

.separe_home {
    border-bottom:1px solid #DDDDDD;
    /*line-height:1px;*/
}

.home_photo {
    margin: 15px 10px 15px 0;
    float:left;
}

.what_am_doing {
    background-color: #f7f7f7;
    margin: 15px 0 15px 0;
    padding: 5px;
    border: 1px solid #D7D7D7;
    vertical-align:super;
}

.text_box_status {
    width: 400px;
    margin-right: 5px;
    font-size: 15px
}

/* +-------------------------------------------------------------------------+ */
/* + Notifications                                                           + */
/* +-------------------------------------------------------------------------+ */
.app_area {
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
    padding: 5px;
}
.separate_notification {
    border-bottom: 1px solid #D8DFEA;
}

/* +-------------------------------------------------------------------------+ */
/* + pager                                                                   + */
/* +-------------------------------------------------------------------------+ */
.pager a:hover {
    background-color:#3B5998;
    color:white;
}

.pager a {
    color: #336699;
    padding: 1px 5px;
    text-decoration: none;
}

.pager span {
    font-size: 16px;
}

/* +-------------------------------------------------------------------------+ */
/* + video                                                                   + */
/* +-------------------------------------------------------------------------+ */
.video_tag_panel {
    margin: 10px;
    padding: 5px;
    background-color: #ececec;
    border: 1px solid #f9f9f9;
}

/* +-------------------------------------------------------------------------+ */
/* + asd                                                                     + */
/* +-------------------------------------------------------------------------+ */
.asd_list {
    border-top: 1px solid #ececec;
    padding: 5px;
}

/* +-------------------------------------------------------------------------+ */
/* + events                                                                  + */
/* +-------------------------------------------------------------------------+ */
.event_title {
    color:#3B5998;
    font-weight:bold;
    margin:0;
    padding:0 0 2px;
    text-align:left;
}

/* +-------------------------------------------------------------------------+ */
/* + ajax                                                                    + */
/* +-------------------------------------------------------------------------+ */
ul#tabnav { /* general settings */
    clear: both;
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 9px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #3b5998; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
    display: inline;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4, div#tab5 li.tab5, div#tab6 li.tab6, div#tab7 li.tab7 { /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a, div#tab5 li.tab5 a, div#tab6 li.tab6 a, div#tab7 li.tab7 a { /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #3b5998; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #1C4805; /* set unselected tab background color as desired */
    color: #ffffff; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
    color: #000;
}

/* +-------------------------------------------------------------------------+ */
/* + iframe                                                                  + */
/* +-------------------------------------------------------------------------+ */
.content_iframe {
    border-top:1px solid #BCC5D3;
    border-width:1px 0 0;
    height:100%;
    margin-bottom:-1px;
    width:100%;
}


/* +-------------------------------------------------------------------------+ */
/* + bubbles                                                                 + */
/* +-------------------------------------------------------------------------+ */
.bubbleInfo {
    position: relative;
}

.popupBubble {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

.popupMenu {
    border: 1px solid #3b5998;
    background-color: #ffffff;
    padding: 5px;
    color: #666666;
}

td.admin_blue a {
    color: #336699;
}

/* +-------------------------------------------------------------------------+ */
/* + buttons                                                                 + */
/* +-------------------------------------------------------------------------+ */
div.btns{
    zoom: 1;
    white-space:nowrap;
}

div.btns:after {
    display:block;
    clear:both;
    content:'';
}

div.btns a.btn {
    float:left;
    background: buttonface url(/themes/static/images/border-2.gif) no-repeat;
    cursor:pointer;
    font-size:0;
    text-align:center;
    display:block;
    width: 100px;
    min-width:100px;
    text-decoration:none;
    margin:3px 2px;
    background-color: #385998;
}

div.btns a.btn:hover span {
    color: #ffffff;
}

div.btns a.btn span {
    padding:3px 8px 4px 8px;
    text-align:center;
    position:relative;
    left:1px;
    top:1px;
    display:block;
    text-decoration:none;
    background: url(/themes/static/images/border.gif) right bottom no-repeat;
    font-size: 10px;
    color: #ffffff;
}


/* +-------------------------------------------------------------------------+ */
/* + bubble tooltip                                                          + */
/* +-------------------------------------------------------------------------+ */
input.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
input.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
input.tt:hover{ z-index:25; color: #aaaaff; background:;}
input.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
input.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/themes/static/images/bubble.gif) no-repeat top;
}
input.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(/themes/static/images/bubble_filler.gif) repeat bottom;
}
input.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/themes/static/images/bubble.gif) no-repeat bottom;
}

.edit {
font-family:Verdana,Geneva,sans-serif;
font-size:10px;
}

#content_gestgrupposingolo_content  {
color:#1C4805;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
}
