/*	Date: 10/7/2009
	Janna Marks
	Default MatrixMaxx Stylesheet */

/* calendar */

#personal-cal { position:relative; }

#add-cal a { background:url(/themes/images/calendar_add.png) 0 50% no-repeat; padding-left:20px; line-height:19px; }

#cal-options { list-style:none !important; margin-left:0 !important; width:120px; border:1px solid #999; border-top:none; background-color:#fff; padding:10px; }

#cal-options li { margin-bottom:0.3em; list-style-type: none !important; margin-left:0 !important; }

#cal-options #cal-outlook { background:url(/themes/images/calendar_outlook.gif) 0 50% no-repeat; padding-left:20px !important; }

#cal-options #cal-ical { background:url(/themes/images/calendar_ical.png) 0 50% no-repeat; padding-left:20px !important; }

#cal-options #cal-google { background:url(/themes/images/calendar_google.png) 0 50% no-repeat; padding-left:20px !important; }

#cal-options #cal-yahoo { background:url(/themes/images/calendar_yahoo.png) 0 50% no-repeat; padding-left:20px !important; }

/* Roster Styles */

#sortable1, #sortable2 { list-style: none; margin: 0; padding: 0; width: 95%; overflow: auto}
#sortable1 li { margin: 2px 2px 2px 0px; padding: 0; height: 54px; background-color: #efefef; border: 1px solid #666666;}
#sortable2 li { margin: 2px 2px 2px 0px; padding: 0; height: 54px; background-color: #aaaaaa; border: 1px solid #666666;}
#sortable1 li span.staffName, #sortable2 li span.staffName { position: absolute; margin-left: 0px; width: 540px;}
#sortable1 li span.staffPhone, #sortable2 li span.staffPhone { position: absolute; margin-left: 325px; width: 75px;}
#sortable1 li span.staffEmail, #sortable2 li span.staffEmail { position: absolute; margin-left: 400px; width: 250px;}
#sortable1 li span.staffRemove, #sortable2 li span.staffRemove { position: absolute; margin-left: 500px; width: 75px;}


/* Classes for Bio Rosters and Staff dialogs */
#member_bio_dialog {
    background: white;
    opacity: 1.0;
    display: none;
    border: 1px solid black;
}
#member_bio_content {
    padding: 5px;
}

#remove_staff_dialog
{
    background: white;
    opacity: 1.0;
    display: none;
    border: 1px solid black;
	    line-height: 1em;
}
#remove_staff_content
{
    padding: 5px;
}

.button_group {
    padding: 4px;
}


/* --- password strength meter --- 
  NOTE: this is copied in intranet maxx.css.
  If you update this, change it there too!
*/
div#scorebarBorder {
   /*background-color: #333;*/
   border: 1px black solid;
   height: 16px;
   margin-bottom: 2px;
   width: 100px;
}

div#score {
   color: black;
   font-size: 85%;
   position: absolute;
   text-align: center;
   width: 100px;
   z-index: 10;
   font-weight: bold;
}
div#scorebar {
   height: 16px;
   display: block;
}
.strength0 {
        width:100px;
        background:#ffffff;
}
.strength1 {
        width:20px;
        background:#ff0000;
}
.strength2 {
        width:40px;    
        background:orange;
}
.strength3 {
        width:60px;
        background:yellow;
}
.strength4 {
        background:#4dcd00;
        width:80px;
}
.strength5 {
        background:#399800;
        width:100px;
}


/* Styling for Organization Participation Report */

.profileIcon {float: left; margin: 0 10px;}
.profileBlock {margin: 15px 0 0 0px; padding: 1px 0; clear:both; overflow: hidden;}
.profileContentBlock {margin: 0 0 0 60px; padding: 0 0;}
#profileInfoBlock {padding: 1px 0;}
#multiple-contacts {padding: 1px 0;}
.specialMark {color: #090; font-weight:bolder;}

/* Classes for jQuery dialogs */
/* modal window/ dialog box */
/* These styles overwrite the inline styles in jquery.ui.all.js / dropDirectPhoneDialog.js */
.ui-dialog {
        opacity: 1.0;
	width: 500px !important;
        height: auto !important;
	margin:0 !important;
	padding:0 !important;
	background: #fff !important;
        display: none;
        border: 1px solid black;
	}
.ui-widget-overlay {  /* Turn the overlay gray */
	background-color: #000;
	opacity: 0.55;
	-moz-opacity: 0.55;
        position: absolute;
	top:0px;
	left:0px
        }
.ui-dialog div {
	xmargin:0 !important;
	xpadding:0 !important;
	}
.ui-dialog-buttonpane {
	margin:0 !important;
	padding:0 !important;
	}
.ui-dialog-titlebar {
	xcolor: #ffffff;
	font-weight: bold !important;
	padding: 10px 10px 0px 10px;
	margin:0;
	background-color: transparent !important;
        height: 30px;
	}
.ui-dialog-titlebar a {
	color: #61106A !important;
	xmargin: 0 !important;
	xpadding: 3px !important;
	text-decoration: none !important;
	}
.ui-dialog-titlebar a:hover {
	color: #fff !important;
	background: #A99BAB;
	}
.ui-dialog-title {
	color: #fff;
        xfloat:left;
        xpadding: 5px
        }
.ui-dialog-titlebar-close {
        float: right;
        margin: 5px;
        padding-top: 5px;
        padding-right: 5px
}
.ui-dialog-content {
	background: #fff !important;
        padding: 5px;
        height: auto !important;
	}
.ui-dialog-content p {
	padding: .5em 10px;
	}
.ui-dialog-content ul {
	margin-left: 5em;
	}
.ui-dialog-content button {
	margin-top: .35em
	}
/* Changed widged font size to 1 instead of 1.1em */
.ui-widget { font-size: 1em; }


/* Changes image path to /themes/images/ instead of image/ */
/* Component containers
----------------------------------*/
.ui-widget-content { background: #ffffff url(/themes/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-header { background: #61106a url(/themes/images/ui-bg_highlight-soft_75_666666_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e6e6e6 url(/themes/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #dadada url(/themes/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ffffff url(/themes/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;  }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {background: #fbf9ee url(/themes/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: #fef1ec url(/themes/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/themes/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/themes/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/themes/images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/themes/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/themes/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/themes/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/themes/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/themes/images/ui-icons_cd0a0a_256x240.png); }


/* Making button not so tall by changing top and bottom padding to be .0em instead of .4em */

/*button text element */
.ui-button-text-only .ui-button-text { padding: .0em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .0em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .0em 1em .0em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .0em 2.1em .0em 1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .0em 1em; }

/* Absolute position datepicker when not visable so it doesn't create extra space */
.ui-datepicker {
	position: absolute;
	top: -500px;
	left: -500px;
}

/****** End jQuery Overide section ***********/