/* 
Title:		YouthHockey
*/

/* @import url("_typography.css");  */ 	  /* Typography */
/* @import url("_oocss.css");  */  			 /* Object Oriented CSS   */
/* @import url("_navigation.css"); */   	/* master screen styles  */
/* @import url("_base.css"); */   	  /* master screen styles  */


/*-------------------------------------------    
    @TYPOGRAPHY
-------------------------------------------*/
html {background:#EEEEEE}
body {font-size:100%;}
body {text-align: left; background-color: #EEEEEE;font-size:12px;color:#222;font-family: Arial, Helvetica, sans-serif;min-width: 900px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.5em;margin-bottom:0.25em;font-weight:bold;display:inline;}
h2 {font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em;font-weight:bold;display:inline;} 
h3 {font-size:1.1em;font-weight:bold;line-height:1;margin-bottom:.5em;color:#000;display:block;padding:5px 0 5px 3px;}

h4 {font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; font-weight:bold;display:inline;}
h5 {font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; font-weight:bold;}
h6 {font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ xmargin-top: 1.5em; margin-bottom: 0em; }
h6.subhead {padding:.25em;background:#2F96C7;color:#FFF;font-weight:bold;}
h6.redhead {padding:.25em;background:#FF4A4D;color:#FFF;font-weight:bold;}
th.redhead {padding:.25em;background:#FF4A4D;color:#FFF !important;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Make sure the table cells show the right font */
#lgcal td { font-family:  Arial, Helvetica, sans-serif; }

p {font-size: 12px; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em;  }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a {color:#06c;text-decoration:underline;outline: none;}
a:focus, a:hover {text-decoration:none;}
a:visited{}
div.cal a {color:#009;text-decoration:none;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong { font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:1em .5em 1.5em .8em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {xmargin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {xmargin-left:1.5em;}
/*
#lgcal table {margin-bottom:1.4em;}
#left table {margin-bottom:1.4em;width:100%;}
#left th {font-weight:bold;background:transparent;}
*/
/* #left th, #left td {padding:4px 10px 4px 5px;} */
tfoot {font-style:italic;}
caption {xbackground:#eee;}




.not-yet-done{text-decoration: line-through;}
#demo {
	color: #FFF;
	font-weight:700;
	background:#051225 none repeat scroll 0 0;
	height:24px;
	padding:5px 0 0 0;
	}
#demo p {padding:0;margin:0;}	


/*-------------------------------------------    
    @OOCSS Selectors
-------------------------------------------*/


.small {font-size: 0.8333em; /* 10px */ line-height: 1.8em; /* 18px */ margin-top: 1.8em; margin-bottom: 0em; }
select.small {font-size: 0.8333em;margin-top:0;} 

.large {font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
.hide {display:none;visibility: none;}
.quiet {font-size: 12px; /* 11px */ line-height: 1.6364em; /* 18px */ margin-top: 1.6364em; margin-bottom: 0em; color: #5e5e5e;}
.veryquiet {font-size: 12px; /* 11px */ line-height: 1.6364em; /* 18px */ margin-top: 1.6364em; margin-bottom: 0em; color: #A7A7A7;}
.quiet_inline {font-size: 0.8333em; color: #5e5e5e;}
.super {font-size: 11px;margin-top:-5px;vertical-align:super;margin-left:3px;color: #5e5e5e;}
.soft {color: #BABABA;}
span.loginnotice {color: #ffe7e1;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.indev {background-color:#FF00D3 !important;}


.f_right {float:right;}
.f_left {float:left;}

a.deleteBtn, a.cancel, a.redlink {text-decoration:underline;color: #ff0049;padding:2px;}
.decline {color: #ff0049;}
a:hover.deleteBtn, a:hover.cancel, a:hover.redlink {background-color:#ff0049;color:#FFF;padding:2px;}

.box {padding:1.5em;margin-bottom:1.5em;position:relative;}
.box.note {background-color:#FFFADB;}
.box.attention {background-color:#FF9F9C;border:1px solid #FF4A4D;}
.box p {padding:0;margin:0;}
.box.basic {background-color:#FFF;border:1px solid #B0B0B0;}
.box.basic p {padding:0;margin:10px 0 10px 0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
.clear {display: block;}

.notice_box {background:#FFEFC5;border:1px solid #FFC950;color:#222;}

/* Event Types */
a.offered {background-color:#FFA743 !important;}
a.open {background-color:#FFED65 !important;}
a.pending {background-color:#FF3B3d !important;}
a.practice {background:#6db8f9 !important;}
/* a.confirmed {background:#99E387 !important;} */
a.misc {background:#9b35f0 !important;}
a.tbd {background:#A3A09E;}
.red {color:#FF3B3d !important;}
.blue {}
.yellow {}



ul.base_menu {list-style:none;float:left;margin:0;}
ul.base_menu li {float:left;display:inline;padding:0;}



a.simple_blue_button, input.simple_blue_button {
	background:#06c;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	border:none;
	cursor:pointer;
	border:1px solid #003B77;
	border-top:none;
	border-left:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px !important;
	text-decoration:none;	
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-topleft-radius:3px;
	border-topright-radius:3px;
	border-bottomleft-radius:3px;
	border-bottomright-radius:3px;
}

a.simple_blue_button:hover, input.simple_blue_button:hover {background:#007AF3;}


/* Buttons */
a.basic_button {
    border:1px solid #8AAEC1;
    border-bottom:1px solid #6E8A9A;
    border-right:1px solid #6E8A9A;    
    color: #222;
    background:#F1F1F1;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    text-decoration: none;
}

a.basic_button:hover {
    border:1px solid #4D616C;
    border-bottom:1px solid #334047;
    border-right:1px solid #334047;
    background:#C4C4C4;
    color:#222;
}
a.basic_button span {
    display: block;
    line-height: 16px;
    padding: 4px;
}







/* Flash Notices */

div.flash_notice {position:absolute;top:0;text-align:center;padding:10px;left:50%;}
div.flash_notice span {}

.flash_success {background:#E6EFC2;color:#264409;}
.flash_error {background:#FBE3E4;color:#8a1f11;}






/*-- ROUNDED CORNERS --*/
  .rounded_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_top_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_top_8px {
    border-top-right-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
    border-top-left-radius:8px;
    -webkit-border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
  }
  .rounded_bottom_5px {
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
  }
  .rounded_top_right_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
  }
  .rounded_top_left_5px {
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_bottom_right_5px {
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
  }
  .rounded_bottom_left_5px {
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
  }
  .rounded_left_5px {
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_10px {
    border-top-right-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
  }
  .rounded_15px {
    border-top-right-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topright:15px;
    border-bottom-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-bottomright:15px;
    border-bottom-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -moz-border-radius-bottomleft:15px;
    border-top-left-radius:15px;
    -webkit-border-top-left-radius:15px;
    -moz-border-radius-topleft:15px;
  }
  .rounded_top_15px {
    border-top-right-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topright:15px;
    border-top-left-radius:15px;
    -webkit-border-top-left-radius:15px;
    -moz-border-radius-topleft:15px;
  }







/*-------------------------------------------    
    @NAVIGATION
-------------------------------------------*/

/* SHARED PRIMARY + SECONDARY */
.navset {margin-top:0 } /* IE: width */
.navset a {text-decoration:none;}
.navset ul, .navset li {margin:0;padding:0;list-style:none;}
.navset li {float:left;display:inline;}
.navset li a:hover {text-decoration:underline;}
.navset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.navset ul {zoom:1;} /* clear IE */


/* PRIMARY TABS II */
.topbar_nav .hd ul, .topbar_nav li {margin:0;padding:0;list-style:none;float:left;}
.topbar_nav .hd {margin-top:3px;margin-left:30px;float:left;}
.topbar_nav li a {padding:5px;background:#BDBDBD;border:1px solid #000;color:#505050;float:left;text-decoration:none;}
.topbar_nav li a:hover {background:#CCC;}
.topbar_nav li a.middle {border-left:1px solid #000;border-right:none;}
.topbar_nav li a.first {border-right:none;}


.topbar_nav .hd li.selected_tab_p {background:#FFFpadding:5px;margin:0;}
.topbar_nav .hd li.selected_tab_p a {background:#FFF;color: #383838;padding:5px;margin:0;}





/* PRIMARY TABS */
.navset .hd ul {margin-bottom:-1px;padding-left:235px;position:relative;} /* IE quirks mode: relative */
.navset .hd li {margin-right:.33em;padding:0;font-weight:bold;}
.navset .hd li.on strong a {cursor: pointer;}
.navset .hd li a:hover {background-color: blue;}
.navset .hd li a:hover {text-decoration:underline;background-color: black;}
.navset .hd li a, .navset .hd li strong, .navset .hd li em {display:block;}
.navset .hd li a, .navset .hd li strong {*display:inline-block;cursor: pointer;}  /* IE: 100% clickable */
.navset .hd li a {font-style:normal;padding:8px 8px;}
.navset .hd li a {color: white;}

.navset .hd li.on strong em {background-color: #FFF;border-bottom:1px solid #FFF;} /* border-color should match selected color */
.navset .hd li.orphan, .navset .hd li.orphan a {color:#999;}

.navset .hd li a {background:#0B274D;}
.navset .hd li em { background:#0B274D;}
.navset .hd li {border-top-color: #1E6BD2; border-top-width: 1px; border-top-style: solid;margin-top:-1px;}

/* SELECTED NAV ITEMS */
#teamSchedule .navset .hd li#teamSchedule-navItem,
#myTeam .navset .hd li#myTeamProfile-navItem,
#navTeam .navset .hd li#navTeamProfile,
#myTeam .navset .hd li#myTeamProfile-navItem,
#myProfile .navset .hd li#myProfile-navItem,
#myOrganization .navset .hd li#myOrganization-navItem,
#myLeague .navset .hd li#myLeague-navItem,
#home .navset .hd li#home-navItem 
	{border-top:1px solid #FFF;margin-top:-4px;}

#home .navset .hd li#home-navItem strong em,
#teamSchedule .navset .hd li#teamSchedule-navItem strong em,
#myTeam .navset .hd li#myTeamProfile-navItem strong em,
#myProfile .navset .hd li#myProfile-navItem strong em,
#myOrganization .navset .hd li#myOrganization-navItem strong em,
#myLeague .navset .hd li#myLeague-navItem strong em 
	{background-color: #FFF;border-top:3px solid #FFF;border-bottom:1px solid #FFF;}

#home .navset .hd li#home-navItem strong, .navset .hd li.on strong a {color: #383838;} 
#teamSchedule .navset .hd li#teamSchedule-navItem strong, .navset .hd li.on strong a {color: #383838;} 
#myTeam .navset .hd li#myTeamProfile-navItem strong, .navset .hd li.on strong a {color: #383838;} 
#myProfile .navset .hd li#myProfile-navItem strong, .navset .hd li.on strong a {color: #383838;} 
#myOrganization .navset .hd li#myOrganization-navItem strong, .navset .hd li.on strong a {color: #383838;} 	
#myLeague .navset .hd li#myLeague-navItem strong, .navset .hd li.on strong a {color: #383838;} 


.navset .hd li.selected_tab_p {border-top:1px solid #FFF;margin-top:-4px;background-color: #FFF;border-top:3px solid #FFF;border-bottom:1px solid #FFF;}
.navset .hd li.selected_tab_p a {background:#FFF;color: #383838;}

/* SECONDARY TABS */
.navset .bd ul {xbackground: url(imgs/bg_middlebar.gif) top left repeat-x #1853a1;float:left;}
.navset .bd li, .navset .bd li a {color:#CCC;}
.navset li.on, .navset li.on strong {font-weight:bold;}
.navset .bd li {border-color:#ccc;} /* pipe divider */

/* secondary tabs */
.navset .bd ul {padding-left: 28px;margin-bottom:0;width:50%;}
.navset .bd li {display:inline;padding:.6em 1em .6em 1em;margin-top:5px;margin-bottom:-1px;}
.secondary_tabs { background:#319ED2; border-bottom:1px solid #3A7BAD; float:left; width:100%;}
.secondary_tabs li { list-style:none;float:left;margin-bottom:-1px; }
.secondary_tabs ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px 1px 0 0;
  margin-left:0;
  color:#FFF;
  background:#4AADDD;
}
.secondary_tabs ul a:hover { color:#FFF; background:#111;}
.secondary_tabs ul a.selected { margin-bottom:0; color:#000; background:#FFF; border-bottom:1px solid #FFF; cursor:default;}
.secondary_tabs div { clear:left; background-color:#319ED2;}

/* Selected Nav Items - Secondary */
.myTeam-dash li.myTeam_dash_tab,
.myTeam-record li.myTeam_record_tab,
.myTeam-photos li.myTeam_photos_tab,
.myTeam-video li.myTeam_video_tab,
.myTeam-schedule li.myTeam_schedule_tab, 
.myTeam-sched-summary .myTeam_summary_tab,
.navTeam-schedule li.navTeam_schedule_tab {
	border:0;
	background-color:#EEEEEE;
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #484D53;
	border-left:1px solid #484D53;
	border-right:1px solid #484D53;
	}
	
li.selected_tab_s	{
	border:0 !important;
	color:#06c !important;
	background-color:#EEEEEE !important;;
	border-bottom:2px solid #EEEEEE !important;
	border-top:1px solid #484D53 !important;;
	border-left:1px solid #484D53 !important;;
	border-right:1px solid #484D53 !important;;
	}	
li.selected_tab_s a {color:#06c !important;}	

.myOrganization-news li.myOrg_news_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}
.myOrganization-contacts li.myOrg_team_contacts_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}
.myOrganization-records li.myOrg_team_records_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}

.myLeague-news li.myLeague_news_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}	
.myLeague-standings li.myLeague_standings_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}
.myLeague-organizations li.myLeague_organizations_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}
.myLeague-topscorers li.myLeague_topscorers_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}
.myLeague-edit li.myLeague_edit_tab {border:0;background-color:#EEEEEE;border-bottom:1px solid #EEEEEE;}


/* Tertiary Tab Structure */
div.tertiary_tabs { background:#17509C; border-bottom:1px solid #3A7BAD; float:left; width:100%;}
div.tertiary_tabs { clear:left; }
.tertiary_tabs li { list-style:none; float:left; margin-bottom:-1px; }
.tertiary_tabs ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px 1px 0 0;
  margin-left:0;
  color:#FFF;
  background:#0B274D;
	}
	
.tertiary_tabs ul li.preface span {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px 1px 0 0;
  margin-left:0;
  color:#0B274D;
  background:#FFF;
	}	
.tertiary_tabs ul a:hover { color:#FFF; background:#111;}
.tertiary_tabs ul a.selected { margin-bottom:0; color:#000; background:#FFF; border-bottom:1px solid #FFF; cursor:default;}




/*
*************************************************
YouthHockey.com
General Screen Styles

Created by the folks at Exactly Factory
http://www.exactlyfactory.com/


  == Table Of Contents ==

	@Grid
	@Structure
	@FORMS
	@Extra Classes
	@Calendar
	@Plugin Styles

*************************************************
*/






/* @General IDs */
#browserUpgrade {display:none;}
.printhide {display:none;}



/* @General Use Classes */
.topwarning {
	width:100%;
	background:Yellow;
	padding:1em;
	padding-bottom:1.2em;
	display:none;
	}
	
.hide {display:none;}	

.referee_confirmed {background: url(imgs/confirmed16.png) top left no-repeat;height:16px;width:16px;position:relative;}

.profile .user_img {xfloat:left;margin:0;}
h2.profile_name, .profile_type, .profile_type_toggle, .toggle_select_menu {display:inline;}
h2.profile_name span {font-weight:normal;color:#888888;}
.profile_type {
	text-transform: uppercase;  
	float:right;
	padding:3px 8px 5px 8px;
	background-color:#319ed2;
	color:#FFF;
	}
	
.profile_type_toggle {
	text-transform: uppercase;  
	float:right;
	width:88px;
	padding:6px 0px 0px 0;
	color:#FFF;
	}	
	
.toggle_select_menu {  
	float:right;
	width:180px;
	padding:6px 10px 0px 0;
	color:#FFF;
	}
.toggle_label {float:left; display:inline;width:50px;color:#616161;margin-top:5px;margin-right:5px;}	

span.user-role {background-color:#052A3E;padding:2px 3px 3px 3px;color:#B9E6FF;}	

.offer_notice {padding:1px 4px 1px 4px;margin-right:10px;background: #FF3B3D;color:#FFF;	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;float:right;}





/* SMALL CONTEXT TYPE MENU */
ul.sm_menu {
	margin:0;
	background-color:#F1F1F1;
	position:absolute;
	z-index: 500;
	width:150px;
	margin-left:-150px;
	border:1px solid #DDD;
	}

.sm_menu_container {position:relative;}
.inline {display:inline;}

.iceslot_row {position:relative;}
.remove_this_slot {position:absolute;right:5px; top:10px;background:#FFF;z-index:2000;}

/* TOOLTIPS */
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #222;
	padding: 10px 10px 14px 10px;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#tooltip h3, #tooltip div { margin: 0;color:#FFF; border:none;font-size: 0.9167em;}


#tooltip.cal_summary {
	font-family:  Arial, Helvetica, sans-serif;
	border: none;
	width: 210px;
	padding:25px;
	height: 135px;
	opacity: 0.8;
	position: absolute;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#tooltip.cal_summary h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.cal_summary div { width: 220px; }


.tipsy { padding: 5px; font-size: 0.8333em; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(imgs/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(imgs/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(imgs/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(imgs/tipsy-west.gif); background-position: left center; }

a.help_button {
	width:16px;
	height:16px;
	display:inline;
	text-decoration:none;
	margin:0;
	cursor:help;
	}
a.help_button img {border:none;margin:0;}
/*-------------------------------------------    
    @STRUCTURE
-------------------------------------------*/

.container{ background: #EEEEEE; }
.container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }	

/* #content {background-position: left 10px;position:relative; background-repeat: no-repeat; max-width: 1500px;background-image: url(imgs/bg_col_left_l.gif)} */
#content {float:left;width:100%;margin-bottom:34px;}
#login #content {max-width: 1500px;background: none;}
#main-content {background: #fff; min-height: 400px;position:relative;}


.column_toggle{
	position:absolute;
	right:0px;
	top:-14px;
	xborder-right:1px solid #CCC;
	width:16px;
	height:14px;
}
a.column_toggle {color: #666;text-decoration:none;}
.columnCollapse {background: url(imgs/i_left_collapse_default.gif) top left no-repeat;}
.columnCollapse_active {background: url(imgs/i_left_collapse_active.gif) top left no-repeat;}



#left{
	width: 60%;
	xxbackground: #fff;
	xxborder: 1px solid #B9E6FF;
	xxborder-top:none;
	position: relative;
	z-index: 10;
	float:left;
	height:100%;
	}

	
#right{ float: right; width: 40%;position: relative; z-index: 9;}




.left40{width: 40% !important ;}
.right60{width: 60% !important;}



#footer{clear: both; border-top: 1px solid #bbb;padding: 5px 10px 10px 10px;}
#right .wrap {padding:0 10px 0 10px}
.wrap_top_margin {margin-top:21px;}
#fullwidth_col{ 
	margin: 10px 0 0 21px;
	padding-bottom:36px;
	padding-right:20px;
	position:relative;
	clear:both;
	width: 95.5%;
	background: url(imgs/bg_col_left_r.gif) top right no-repeat;
	}
#fullwidth_col:after {
	content: ".";
	height: 1px;
	visibility: hidden;
	clear: left;
	display: block;
	}
#fullwidth_col .wrap {padding:10px;background-color:#FFF;}
#loginMain{  
	margin: 18px auto;
	background: #fff;
	color: #333;
	width: 500px;
	text-align: left;
	font-weight: bold;
	}

#cal1Container {margin-top:10px;float:left;}
.fixed {position:fixed;}

#left .wrap {padding:10px;background-color:#FFF;}

/* #lgcal_container {overflow-y:scroll;height:400px;} */
#full_calendar_wrapper {position:relative;width:100%;float:left;}

.login {padding: 20px;}
.loginHeader {
	background: url(imgs/bg_middlebar.gif) top left repeat-x #1853a1;
	display:block;
	padding: 10px;	
	color:#FFF;
	}
p.loginBtn {text-align:right;}

.schdForm input.datetextfield {font-weight:bold;color: #686868;font-size: 1.5em;}
.schdForm {xfloat:left;width:100%;}

/* Liquid Grid */
.grid_container_block {width:100%;position:relative;}
.g_50 {width:40%;float:left;}



/* @Component */
/* User Role - Master Scheduler */
x.topbar a {color:#D1F2FF;text-decoration:none;margin-left:10px;float:left;}
x.topbar a:hover {color:#C2E1ED;text-decoration:none;}
.topbar_right {float:right;text-align:right;display:inline;margin-right:10px;}
.topbar_right div {float:left;display:inline;}
.team_switcher {float:left;display:inline;}
.topbar .top_note {float:left;display:inline;margin-left:10px;}
.topbar select {margin:0;}
.topbar {
	background:url(imgs/bg_topbar.gif) top left repeat-x;
	xbackground:#60666e;
	color: #FFF;
	height:42px;
	padding:0;
}
.topbar_inner {padding-top:2px;}
.topbar p {padding:0;margin:0;}


.loading_message {float:left;	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	border-topleft-radius:2px;
	border-topright-radius:2px;
	border-bottomleft-radius:2px;
	border-bottomright-radius:2px;
	margin-left:10px;
	padding: 0 10px 0 10px;
	}

.profileInfoBlock {float:left;border-bottom:1px solid #DDD;width:100%;padding:18px 0 18px 0;}
.profileInfoBlock .wrap {padding-left:15px !important;}
.headingWrap {padding:10px;}
.profile .user_profile_info_container {clear:both;}
.profile .info_heading {clear:both;font-weight:bold;color:#666;padding-bottom:18px;}
.profile dl.profile_info_list {display:block;margin:0;}
.profile dl.profile_info_list dt {float:left;width: 119px;clear:left;}
.profile dl.profile_info_list dd {float:left;margin:0;width:340px}

.profile_pic_right img {display:block;border:3px solid #C4C4C4;}
.sidebarlist li {margin:0 0 8px 0;padding:5px;}
.sidebarlist li:hover {background-color:#DFEAF3;}
ul li.person_list a.name, ul li.person_list a.contact_info {display:inline;}
ul li.person_list a.name {}
ul li.person_list a.contact_info {position:absolute;right:40px;}
ul li.person_list a.contact_info span {background-color:#06c;color:#FFF;}



.inline_btn {
	padding:2px 4px 3px 4px;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.inline_heading {
	padding:2px 4px 3px 4px;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color:#FFF;
  background-color: #646464;
  margin-right:5px;
}

.rightbar_block_heading {width:100%;}
.rightbar_block_heading h4 {padding:10px;}
.proposals h6 {padding:10px;padding-left:25px;}
.proposals div {border:1px solid #CCC;border-top:none;background:#FCFDFD;padding:20px;}


/*-------------------------------------------    
    @SPECIFIC SELECTORS
-------------------------------------------*/
 
.sectionHeading {
	background-color: #b9e6ff;
	border-bottom:1px solid #3A7BAD;
	border-top:1px solid #EBFFFF;
}

.leftwrapper, #ajax_wrap {padding-top:20px;padding-left:0px;padding-right:0px;float:left;box-shadow: 10px 10px 5px #888;width:100%;}
.recordFilter {display:block;float:right;padding:10px 10px 0 0;}

.left_content_block {padding: 18px 0 18px 0;float:left;width:100%;position: relative; clear: both;border-bottom:1px solid #DDD;}
.left_content_block p {padding:0 20px 0 20px;}

ul.leftBlockList {display:block;margin:0;list-style-type: none;}
ul.leftBlockList li {padding: 18px 0 18px 0;float:left;width:100%;position: relative; clear: both;border-bottom:1px solid #DDD;}

ul.leftBlockList li.teamRecordItem, ul#team_contacts li {padding: 18px 0 0 0;} {padding: 18px 0 0 0;}
ul#teamRecord li.stickyListItem {padding: 18px 0 18px 0;}


ul.galleryList {padding-left:10px;display:block;margin:0;list-style-type: none;clear:right;}
ul.galleryList li {margin-top:18px;float:left;marginposition: relative;}
ul.galleryList li .imageThumb {padding:5px;}
ul.galleryList li .imageThumb .caption {display:block;}
ul.galleryList li img {border:1px solid #DDD;padding:2px;}

.gameType {margin: -18px 0 0 0;float:right;background-color:#319ED2;padding:3px 5px 3px 5px;;font-size:.8em;color:#FFF;}

ul.leftBlockList li .content {position: relative;xfloat: left;}
ul.leftBlockList li dl.activity_meta {margin: 0; padding: 0 10px 0 10px;position: relative;}
ul.leftBlockList li dl.activity_meta dt {display: none;}
ul.leftBlockList li dl.activity_meta dd {margin: 0; padding: 1px 7px 0 5px;float: left;}
ul.leftBlockList li dl.activity_meta dd.activityType {width:20%;}
	ul.leftBlockList li dl.activity_meta dd.activityType a {height:16px;float:left; }
	ul.leftBlockList li dl.activity_meta dd.activityType a.photo_type {background-image: url(imgs/photo_16.png);background-position: top left; background-repeat: no-repeat;padding-left:18px;}
	ul.leftBlockList li dl.activity_meta dd.activityType a.announce_type {
		background: url(imgs/yh_icons.png) 0 -48px no-repeat;
		xbackground-position: top left;
		xbackground-repeat: no-repeat;
		padding-left:18px;
		}
	ul.leftBlockList li dl.activity_meta dd.activityType a.video_type {background-image: url(imgs/video_16.png);background-position: top left; background-repeat: no-repeat;padding-left:18px;}
	
	ul.leftBlockList li dl.activity_meta dd.activityType {width:20%;}
ul.leftBlockList li dl.activity_meta dd.activity {width:40%;color: #5e5e5e;}
ul.leftBlockList li dl.activity_meta dd.activity a {display:block;}
ul.leftBlockList li dl.activity_meta dd.activityDate {float:right;text-transform: uppercase;font-size: .95em;}
ul.leftBlockList li dl.activity_meta dd.activityUser a.sm_profil_img{float:left;height:26px;padding-left:28px;background-image: url(imgs/user.png);background-position: top left; background-repeat: no-repeat;}
ul.leftBlockList li dl.activity_meta dd.last {background: none;}

ul.leftBlockList li .content {position: relative;}
ul.leftBlockList li dl.player_roster_meta {margin: 0; padding: 0 10px 0 15px;position: relative;}
ul.leftBlockList li dl.player_roster_meta dt {display: none;}
ul.leftBlockList li dl.player_roster_meta dd {margin: 0;width:20%; padding: 1px 0 0 0;float: left;}
ul.leftBlockList li dl.player_roster_meta dd.number {xwidth:10%;}
ul.leftBlockList li dl.player_roster_meta dd.age {xwidth:10%;}
ul.leftBlockList li dl.player_roster_meta dd.birth {xwidth:20%;}
ul.leftBlockList li dl.player_roster_meta dd.position {xwidth:40%;}
ul.leftBlockList li dl.player_roster_meta dd.activityDate {float:right;text-transform: uppercase;font-size: .95em;}
ul.leftBlockList li dl.player_roster_meta dd.userName {width:40%;}
ul.leftBlockList li dl.player_roster_meta dd.userName a.sm_profil_img{float:left;height:26px;padding-left:28px;background-image: url(imgs/user.png);background-position: top left; background-repeat: no-repeat;}
ul.leftBlockList li dl.player_roster_meta dd.last {background: none;}

ul.leftBlockList li dl.player_roster_meta dd.teamName {width:40%;}
ul.leftBlockList li dl.player_roster_meta dd.teamName a.sm_profil_img{float:left;height:26px;padding-left:28px;background-image: url(imgs/team_icon_24.png);background-position: top left; background-repeat: no-repeat;}


ul.leftBlockList li dl.player_roster_meta_row2 {margin: 0; padding: 5px 10px 18px 15px;position: relative;background-color:#FAFBFD;}
ul.leftBlockList li dl.player_roster_meta_row2 dd {margin: 0; padding: 1px 0 0 0;width:20%;float: left;}
ul.leftBlockList li dl.player_roster_meta_row2 dd.last {width:20%;}
ul.leftBlockList li dl.player_roster_meta_row2 dd.gamesPlayed {xmargin-right:10px;xwidth:20%;}
ul.leftBlockList li dl.player_roster_meta_row2 dd.teamRank {xwidth:20%;}

ul#teamRecord li .content {position: relative;xfloat: left;}
ul#teamRecord li dl.teamRecord_overview {margin: 0; padding: 0 10px 0 15px;position: relative;}
dl.teamRecord_overview dt {display: none;}
ul#teamRecord li dl.teamRecord_overview dd {margin: 0; width:25%;padding: 1px 0 0 0;float: left;font-size:2em;}
ul#teamRecord li dl.teamRecord_overview dd.recordWins {xwidth:25%;}
ul#teamRecord li dl.teamRecord_overview dd.recordLosses {xwidth:25%;}
ul#teamRecord li dl.teamRecord_overview dd.recordTies {xwidth:25%;}
ul#teamRecord li dl.teamRecord_overview dd.recordPoints {xwidth:10%;}


ul#teamRecord li dl.teamRecord_meta {padding-left:15px;}
ul#teamRecord li dl.teamRecord_meta dt {display: none;}
ul#teamRecord li dl.teamRecord_meta dd {margin: 0;width:25%; padding: 1px 0 0 0;float: left;}
ul#teamRecord li dl.teamRecord_meta dd.recordDate {xwidth:20%}
ul#teamRecord li dl.teamRecord_meta dd.recordHomeTeam {xwidth:20%;text-transform: uppercase;}
ul#teamRecord li dl.teamRecord_meta dd.recordAwayTeam {xwidth:20%}

ul#teamRecord li dl.teamRecord_meta_row2 {padding: 5px 0 18px 15px;background-color:#FAFBFD;}
ul#teamRecord li dl.teamRecord_meta_row2 dt {display:none;}
ul#teamRecord li dl.teamRecord_meta_row2 dd {margin: 0;width:25%; padding: 1px 0 0 0;float: left;}
ul#teamRecord li dl.teamRecord_meta_row2 dd.recordTime {xwidth:20%}
ul#teamRecord li dl.teamRecord_meta_row2 dd.recordHomeScore.win {}
ul#teamRecord li dl.teamRecord_meta_row2 dd.recordAwayScore {xwidth:20%}


ul#teamRecord li dl.teamRecord_overview dt {display: none;}


/*-------------------------------------------    
    @TABLES 
-------------------------------------------*/


.table_actions {
	float:left;
	width:100%;
	height:32px;
	border-bottom:1px solid #8AAEC1;
	background:#E6F3FF;
}

.table_actions_inner {padding:3px;}





/* ACTIVITY TABLE */
.list_view_wrappper {background:#FFF;float:left;position:relative;width:100%;}

#basic_table
{
	text-align: left;
	border-collapse: collapse;
	float:left;
	width:100%;
	border-left:none;
	border-right:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;

}

td.bulk_edit {width:10px;padding:5px 5px !important;}


.table_base {
	text-align: left;
	border-collapse: collapse;
	float:left;
	width:100%;
	border:none;
}






.table_base tr {cursor:pointer;}
.table_base td {vertical-align:top;border:none;border-bottom: none;}
.table_base th {font-weight: bold;padding: 5px 5px 5px 5px;color: #039;}
.table_base td {padding: 5px 5px 5px 5px;}
.table_base tr {border-bottom: 1px solid #BFBFBF;}
.table_base tr.detail-visible {border-bottom:none !important;}
.table_base tr.container-row:hover {background:#FFFFCC;}



/* For Gmail like tables */
table.fixed_table {table-layout:fixed;}
table.fixed_table td {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 100%;
	empty-cells: show;
	border:none;
}
/* gmail tables end */



tfoot {font-style:normal;}




tr.child-row td {padding:10px;}



.hide-child-row {background:#EEEEEE !important;}



.no_float {float:none !important;}
{
	text-align: left;
	border-collapse: collapse;
	float:left;
	width:100%;
}
#basic_table th
{
	font-size: 1em;
	font-weight: bold;
	padding: 10px 10px;
	color: #039;
}
#basic_table td
{
	padding: 5px 8px;
	color: #669;
	xborder-top: 1px solid #e8edff;
}





#basic_table tr {border-bottom: 1px solid #BFBFBF;}
tr.odd {background: #FFF;}
tr.even {background: #EAF1FF;}


X#basic_table tr:hover td {background: #eff2ff;}

td.table-open {background:#FFEC42;}
td.table-blocked {background:#222;color:#FFF;}
td.table-offered {background:#FFA743;color:#FFF;}
td.table-confirmed {background:#51e34a;color:#FFF;}
td.table-pending {background:#ff3b3d;color:#FFF;}
td.table-misc {background:#9b35f0;color:#FFF;}
td.table-practice {background:#6db8f9;color:#FFF;}


.event_detail_table td {border-bottom:1px solid #CCC;padding-top:5px;padding-bottom:5px;padding-left:10px;}
.event_detail_table td {border-bottom:1px solid #CCC;}


.profile_img {float:left;width:24px;height:24px;margin:-5px 10px 0 0;}

a.sm_profil_img{float:left;height:26px;padding-left:28px;background-image: url(imgs/user.png);background-position: center left; background-repeat: no-repeat;}

.tableNote {float:right;clear:both;margin:0 0 5px 0; padding:5px; background-color:#319ED2;color:#FFF;}

.table_divider {border-bottom:2px solid #666;width:100%;float:left;padding:10px 0 10px 0;margin-top:10px;}
.table_divider h4 {padding:10px 0 10px 18px;color:#666;}


#canceled {background-color:#FF97A1;}
#basic_table tr#canceled td {color: #FFF;}
#basic_table tr#canceled:hover td{background-color:#FF97A1;}

/*-------------------------------------------    
    @FORMS
-------------------------------------------*/

label {font-weight:bold;}
fieldset {xpadding:1.4em;margin:0 0 1.5em 0;xborder:1px solid #CCC;}
legend {font-weight:bold;font-size:1.2em;display:none;}
input.text, input.title, textarea{margin:0.5em 0;border:1px solid #bbb;background-color: #fffacc;}
input.text:focus, input.title:focus, textarea:focus {border:1px solid #666;background-color: white;}
select {margin:0.5em 0;xborder:1px solid #bbb;}
select:focus {xborder:1px solid #666;}
input.text, input.title {width:200px;padding:5px;}

.login input.text {color:#666;}
.login input.text, .login input.title {width:100%;padding: 5px 0 5px 5px;font-size:3em;}

input.title {font-size:1.5em;}
textarea {width:90%;height:150px;padding:5px;}
.error, .notice, .success {padding:.8em .8em .8em 65px;margin:-1px 0 0px 0;border-bottom:1px solid #ddd;border-top:1px solid #ccc;position:relative;}
.error {background: url(imgs/flash_error_24.png) 31px center no-repeat #FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background: url(imgs/flash_success_24.png) 31px center no-repeat #E6EFC2;color:#264409;border-bottom-color:#C6D880;}
.hide_this {background: url(imgs/btn_check-close.png) top right no-repeat;top:3px;right:10px;width:28px;height:29px;position:absolute;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.ref_complete {color:#569307;}





span.printlink {margin-left:300px;}

.dateinput {font-size:1.5em;font-weight:bold;color:686868;}

.submitright {float:right;margin-right:20px;}
.full_form_block {float:left;xborder-bottom:1px solid #DDD;width:100%;padding:18px 0 18px 0;}

.message_form {background-color:#FAFBFD;}
form dl {display:block;margin:0;}
form dl dt {
	clear:left;float:left;
	padding:1.7em 2% 1.7em 0;
	position:relative;
	text-align:right;
	white-space:nowrap;
	width:18%;}
form dl dt label {margin-right:10px;}
form dl dd {float:right;margin:0;width:80%}
form dl dd input,form dl dd textarea {margin:0.5em 0;border:2px solid #bbb;background-color: #FFF;width:80%;font-size:1.5em;padding:8px;}
form dl dt label {margin:0.5em 0;padding:5px;}

.form_section_description {padding:10px;float:left;}
.block {border-bottom:1px solid #DDD;display:block;float:left;width:100%;margin-bottom:18px;padding:0 0 18px 0; }

a.btn {padding:5px;text-decoration:none;float:right;}

a.button_aux {height: 24px;float:left;}
a.button_aux span {line-height: 14px;padding:5px 5px 5px 18px;display:block;}

a.button {
    background: transparent url('imgs/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button.action {color: #2E6E9E;font-weight:bold;}

a.button span {
    background: transparent url('imgs/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}


a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}


a.secondary_action {
    display: block;
    float: left;
    height: 24px;
}


a.secondary_action span {
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 5px;
}





/*-------------------------------------------    
    @EXTRA CLASSES
-------------------------------------------*/
.header {border-top-color: #062f45; border-top-width: 1px; border-top-style: solid; background: url(imgs/bg_middlebar.gif) top left repeat-x #1853a1;height:40px;}
.headerLogin {border-bottom:2px solid #CCC;padding-bottom:25px;}
	.headrow-1 {height:2.8em;position:relative;overflow:visible;}
	#yhlogo {
		margin-left: 18px;
		width: 177px;
		height: 34px;
		background-image: url(imgs/yh_logo3-trans.png);
		background-position: top left;
		background-repeat: no-repeat;
		overflow:visible; 
		}
	#yhlogo a {display:block; width: 177px; height: 34px;}
	.logo {font-size:1.5em;margin:0 0 0 10px;line-height:1.2em;font-weight:bold;color:#FFF;}
	.logoblock {display:inline;float:left;}
	.loggedin {float:right;margin: 0 10px 0 0;display:inline;}
	.loggedin a {color:#FFF;}
	.loggedin a:hover {color:#DDD;}
	.user {font-weight:bold;}
div.cal-control-wrap {border-bottom-color: #777777; border-bottom-width: 1px; border-bottom-style: solid; background-color:#F2F2F2;margin:0;display:block;clear:both;margin-bottom:10px;}
a.cal-control {font-weight:bold;color:#FFF;text-align:center;display:block;border-right:1px solid #000;border-left:1px solid #000;margin:0 9px 0 10px;padding:3px 3px 3px 3px;background-color: #585858;}
.sidecol {}
.sidecol-head {padding: 18px 0 18px 0; height: 54px;}
.maincol {}
	.maincol-head {height: 54px;padding: 18px 0 18px 0;}
	.listsort-mnu {float:left;}

.sidebar_block {margin-top:18px;}



/*
#footer {
  margin: 9px 20px 18px 20px;
  width: 96%;
  text-align: center;
  color: #555;
  font-size: 92%;
  background-color: #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
*/

.ftinner {}
ul.navul {padding:.1em 0 .3em .3em;}
ul.navul li {border-left:1px solid #CCC;display:inline;padding:0 1em;}
ul.navul li:first-child  {padding-left:0;border:0;}

.open {font-weight:bold;background:#FFF276;xpadding:2px;}
tr.open {border-bottom-color:#B79307 !important;}
tr.misc {border-bottom-color:#7F659D !important;}
tr.confirmed {border-bottom-color:#9577B9 !important;}
tr.offered {border-bottom-color:#C58835 !important;}
tr.pending {border-bottom-color:#E24842 !important;}

.open {border-color:#D1A809;}
.confirmed {border-color:#6DA360;}
.offered {border-color:#C58835;}


.pending {font-weight:bold;background:#ff3b3d;xpadding:2px;}
.confirmed {font-weight:bold;background:#88E689;xpadding:2px}
.blocked {background:#222;}
.tbd {background:#DBDBDB;}

.selected_tr {
	background:#FFF;
}



.proposal_open, 
.proposal_accepted, 
.proposal_canceled, 
.proposal_action, 
.proposal_declined {
	color:#FFF;
	font-weight:bold;
	padding:2px 4px 3px 4px;
	border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.proposal_open {background:#ffa743;} /* orange */
.proposal_accepted {background:#2dde51;} /* green */
.proposal_declined {background:#666;} /* gray */
.proposal_action {background:#ff3b3d;} /* red */
.proposal_canceled {background:#000;}

.activity_alert {background:url(imgs/dashboard_alert.gif) 27px 45px no-repeat;}

.sorthdwrap {}
h4.sortheading {padding: 3px 5px 3px 3px;background-color: #eeeeee;margin: 0;border-top: 1px solid #DDD;}

.actionNotice {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.actionNotice {background:#fbedf2;color:#8a1f11;border-color:#FBC2C4;}

.actionNotice {}
#hideNotice {display:block;text-align:right;}

.list-open {font-weight:bold;background:#f9af1d;padding:0 2px 0 2px;color:#FFF;}
.list-action {font-weight:bold;background:#ff3b3d;padding:0 2px 0 2px;color:#FFF;}
.list-pending_reciprocation_acceptance {font-weight:bold;background:#ff3b3d;padding:0 2px 0 2px;color:#FFF;}
.list-confirmed {font-weight:bold;background:#51e34a;padding:0 2px 0 2px;color:#FFF;}



ul.schd-list {margin:0;}
ul li.schd-item {margin:0 0 36px 0;padding:10px;}
.itemDate {font-weight:bold;color: #222;font-size: 1.3333em;}
.home-item {background:url(imgs/home_type.png) no-repeat left 2px;}
.away-item {background:url(imgs/away_type.png) no-repeat left 2px;}
.schditem-content {padding: 0 0 18px 0;}
.schd-info ul.gameInfo {padding:0;float:left;}
.schd-info {margin-bottom:18px;}

li.schd-item  ul.gameInfo li:first-child {list-style: none; font-weight: bold; font-size: 1.2em; margin: 0 0 9px -15px;}



.detailwrapper {margin:0;float:left;width:100%;}
table.right_table {float:left;}
.event_detail_item {margin:0 0 36px 0;padding:4px 0 10px 0;float:left;width:100%;}
.event_detail_item .schd-info ul.gameInfo li strong {text-transform: uppercase; float:left;width:8em;}
.event_detail_item  ul.gameInfo li:first-child {list-style: none; font-weight: bold; font-size: 1.2em; margin: 0;}
	.event_detail_date {float:left;background-color:#EEEEEE;}
	.event_detail_date h6 {margin:0;padding:0;display:block;float:left;width:100%;}
	.event_info {margin-bottom:18px;float:left;width:100%;display:block;}
	.event_info ul.gameInfo {float:left;}
	.event_info ul.gameInfo li {border-bottom:1px solid #CCC;padding: 5px 0 5px 0;display:block;}
	.event_info ul.gameInfo li strong {text-transform: uppercase; float:left;width:8em;}	
	
	
.eventActions {
	float:left;
	width:100%;
	}
.eventAlerts {background-color: #ffeef4;float:left;width:100%;}
ul.alertItems {margin:1em 1.5em 1.5em 1.5em;padding-bottom:1.5em;}
ul.alertItems li.alertItem {margin-bottom:1em;}
.schd-item .schd-info ul.gameInfo li strong {text-transform: uppercase; float:left;width:8em;}


.actionHead {background:#FFF4BC;border:1px solid #FFDC60;}
.alertHead {color: white; background-color: #ff3b3d;}
.offeredAlertHead {color:#FFF;background-color:#FFA743;}	
.blockHead {
	margin-bottom:20px;
	padding:18px;
	display:block;	
	}


div.matching-games {margin:1.1em 0 20px 0;float:left;width:100%;}
.matching_game {margin-bottom:30px;padding-bottom:10px;border-bottom:1px dotted #CCC;}
ul.games_that_match {
	margin:0;
	padding:0;
	width:100%
	margin-bottom:2.1em;
	height:300px;
	overflow-y:scroll;
	}
ul.games_that_match li {margin:0;margin-bottom:1.5em;clear:both;display:block;}
div.matching-games ul.games_that_match li a {color:#06c;text-decoration:underline;outline: none;}
div.matching-games ul.games_that_match li a:hover {text-decoration:none;}
div.matching-games li{margin-bottom:30px;}
div.matching-games ul.matchedGame li a {font-weight:bold;}


div.matching-games li ul.games_that_match {margin:0;background:#f3f3f3;}
div.matching-games li ul.games_that_match li {padding:.8em 0 0 0;}

.pending_offered, .pending_reciprocal {padding:10px 10px 10px 10px;}
.pending_offered {border:2px dashed;border-color:orange;margin-bottom:10px;}
.pending_reciprocal {border:2px dashed;border-color:orange;}


a.simple_btn, a.matched_date_link {color:#FFFFF;background:#06c;padding:3px;text-decoration:none} 
a:visited.simple_btn, a:visited.matched_date_link{color:#FFF;text-decoration:none;}

x.teamName {
	background-color: #F2F2F2;
	margin-top: -.3em;
	margin-left:-.8em;
	margin-bottom:-.3em;
	padding:.3em .4em .5em .8em;
	border-top: 1px solid #ffe964;
	border-left: 1px solid #ffe964; 
}

.teamHandle a {}
/*
li div.teamHandle, li div.teamHandleSelect {cursor:pointer;margin-bottom:0;}
li div.teamHandle2, li div.teamHandleSelect2 {cursor:pointer;margin-bottom:0;}
div.teamBlock {
	xborder-top: 1px solid #ffe964;
	xborder-left: 1px solid #ffe964;
	padding:.3em .3em .3em .8em;
	background-color: #ffe964;
	position:relative;

	
	}

div.teamHandle {
	background: url(imgs/arrow_closed.png) 5px 0 no-repeat;
	padding:.3em .3em .3em 24px;
	margin-bottom:1em;border-top-color: #EEEEEE;		
	}
*/
	
div.teamHandle_nogames {
	background-position: 5px center;  
	background-repeat: no-repeat; 
	padding:.3em .3em .3em 20px;
	margin-bottom:1em;border-top-color: #EEEEEE;		
	}	

div.teamHandle2 {
	background-position: 5px center; 
	background-image: url(imgs/arrow_open.png); 
	background-repeat: no-repeat; 
	background-color: #f8f8f8;
	display:block;
	padding:.3em .3em .3em 20px;
	xmargin-bottom:1em;
	border-top-color: #EEEEEE;	border-top-width: 1px;	border-top-style: solid;
border-bottom-color: #e1e1e1;	border-bottom-width: 1px;	border-bottom-style: solid;

}

.without_confirm_btn {display:block;clear:both;background:#FFF;padding:5px;border:1px solid #CCC;border-top:none;}

div.teamHandleSelect {
	background: url(imgs/arrow_open.png) 5px 0 no-repeat;
	border-top-color: #d6d6d6;
	border-top-width: 1px;
	border-top-style: solid;}
div.teamHandleSelect2 {background-position: 5px center; background-image: url(imgs/arrow_open.png); background-repeat: no-repeat;background-color: #f3f3f3;border-top-color: #d6d6d6;	border-top-width: 1px;	border-top-style: solid;}
div.teamScheduled {	
	border-top-color: #b2b2b2;	
	border-top-width: 0px;	
	border-top-style: solid;	
	display:block;
	xpadding:.8em .8em .8em 20px;}
a span.details-btn {background-image: url(imgs/i_info.png); background-position: right center; background-repeat: no-repeat; padding: 2px 21px 1px 0;text-decoration: none;}


/* THIS IS FOR THE DATE PICKER FORMS */
/* Clear calendar's float */
#container .bd:after {content:".";display:block;clear:left;height:0;visibility:hidden;}

/* Have calendar squeeze upto bd bounding box */
#container .bd {padding:0;}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {border:none;padding:1em}

.datefield input,
.datefield button,
.datefield label  {vertical-align:middle}

.datefield label  {font-weight:bold}
.datefield button  {padding:4px 5px 5px 5px; margin-left:2px;cursor: pointer;}
.datefield button img {padding:0;margin:0;vertical-align:middle;cursor: pointer; }



/*-------------------------------------------    
    @CALENDAR
-------------------------------------------*/

/* Base */
#lgcal {position: relative;}


/* Calendar Tool Bar */
.cal_tools {background:#FFF;margin-bottom:20px;float:left;width:100%;}
ul.cal_nav {display:block;margin: 0;padding:0;xwidth:100%;float:left;background: #FFF;xborder-top:1px solid #EBFFFF;}
ul.cal_nav li {display:inline;float:left;padding:10px;font-weight:bold;}

ul.cal_views {
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:100%;
	float:left;
	background: #FFF;
	border-width:1px;
	border-style: solid;
	border-color:#CCC #CCC #CCC #CCC;
	border-top:none;
	}


ul.cal_views li.caltoolBtn_static {
	border:1px solid #FFF;
	border-bottom:3px solid #FFF;
	display:inline;
	float:left;
	padding:5px 3px 0 5px;
	margin-top:2px;		
	}
ul.cal_views li.caltoolBtn_active {border:1px solid #333;border-bottom:6px solid #FFF;margin-bottom:-4px;}


ul.cal_extra {display:block;margin:-1px 0 0 0;padding:0;width:100%;float:left;background: #B9E6FF;border-top:1px solid #EBFFFF;}
ul.cal_extra li {display:inline;float:left;padding:10px;}

.sm_cal_nav_wrap {float:right;padding:3px 8px 5px 8px;background-color:#B9E6FF;margin:0 5px 0 0;}
ul.sm_cal_nav {margin:7px 0 0 0;padding:0;}
ul.sm_cal_nav li {display:inline;float:left;margin-right:4px;}
.sm_cal_nav select {margin:0;}

/* Calendar Icons */
ul.cal_views li a.caltoolBtn {width:28px;height:28px;display:block;}
ul.cal_views li a#caltool_viewfull {background: url(imgs/btn_cal_fullview.png) center left no-repeat;}
ul.cal_views li a#caltool_viewlist {background: url(imgs/btn_cal_listview.png) center left no-repeat;}
ul.cal_views li a#reloadBtn {background: url(imgs/btn_cal_refresh.png) center left no-repeat;}
ul.cal_views li a#printBtn {background: url(imgs/btn_print.png) center left no-repeat;}
ul.cal_views li a#questionBtn {background: url(imgs/btn_question.png) center left no-repeat;}
ul.cal_views li a#addBtn {background: url(imgs/i_btn_add.png) center left no-repeat;}
ul.cal_views li a#downloadBtn {background: url(imgs/i_btn_download.png) center left no-repeat;}



ul.tool_options_list {
	position:absolute;
	background: #FFF;
	border:1px solid #333333;
	border-top:none;
	z-index:4000;
	top:40px;
	margin-left:-6px;
	padding:0;
	padding-bottom:0px;
	max-width:175px;
	}



ul.tool_options_list li {
	float:left;
	margin-bottom:5px;
	display:block;
	width:100%;
	}

li.tool_options_close {height:30px;background:#CCC;margin-bottom:0px;padding-bottom:0;}


ul.tool_options_list li a {float:left;padding:5px 15px 0px 10px;}



.utilityTip {
display:none;
height:150px;
width:200px !important;
position:absolute;
top:0;
left:0;
z-index:1000;
border:2px solid #505050;
background:#FFF;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
}

.utilityTip_inner {color:#222;font-size:12px !important;position:relative;width:180px;}
.utilityTip_inner ul, .utilityTip_inner ul li {
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

.utilityTip_inner a {color:#06c !important;text-decoration:underline !important;}
.utilityTip_inner a:hover {background:#06c;color:#FFF !important;text-decoration:none !important;}


.utilityTip_inner {padding:10px !important;}
a.utilityTip_close {text-decoration:underline !important;color: #ff0049 !important;padding:2px !important;}
a.utilityTip_close:hover {text-decoration:none;color: #FFF !important;background:#ff0049 !important;padding:2px;}






table.calTable{ 
	table-layout:fixed;
	border-bottom:1px solid #ccc; 
	border-collapse:collapse;
	width: 100%;

	}
	
table.calTable td {
	xtext-overflow:ellipsis;
	overflow:hidden;
	line-height:14px;
	xwhite-space:nowrap;
	width: 100%;
	empty-cells: show;
	border:none;

}	
.calTable thead th {
	font-size:1em;
	color:#333;
	text-align: center;
	font-weight:normal;
	padding:0;
}

.calTable thead th.monthName {text-align:right;font-size:1.5em;color: #222; xbackground-color: #17509c; font-weight:bold;padding:0;}
.calTable thead {border-top:none;} 
.calTable tr th.calHeader {
  font-size:1.4em;
  font-weight:bold;
  text-align: center;
}
.calTable thead tr.dayName th {color:#666;}
table.calTable td {
	border:1px solid #ddd;
	width:10em;
	height:9em;
	vertical-align:top;
	padding:0 0 3px 0;
}


.calTable td {font-size:11px;}



.event_menu {
	position:absolute;
	background:#000;
	padding:3px;
	top:0px;
	left:0px;
	height:200px;
	width:100%;
	z-index:20000;
	}


td.day a, td.dayHover a {padding:3px;}
td.day a {color:#FFF;padding:3px;}

td.day > div {display:none;}
td.dayHover > div {display:block;}
td.dayHover > div a {color:#06c;}
td.dayHover > div a:hover {color:#000;}
td.dayHover > div ul {margin:0 0 3px 0;padding-left:3px;}
td.dayHover > div ul li {margin:0;}

.calTable tbody td.day:hover {background-color: #f6f6f6;cursor:pointer;}
/* Hover Class for IE to be used by jQuery */
.dayHover {background-color:#f6f6f6;cursor:pointer;}
td.dayHover a {color:#222;}

.outOfRange, .notInMonth {background:#eee; opacity:.5}
.out-of-range {color:#ccc}	
.calTable td.event {cursor:pointer;}

td.event a {padding:2px;color:#FFF;}
td.event > div{width:100%;display:block; background-color:transparent;cursor: pointer;}

td.event a:hover {cursor:pointer;}
td.today {background-color: #f6f5ef;color:red;}
td.weekendDay {background-color:#FFF;}
td.otherMonth {background-color: #f4f3ed;text-align:right;}

.day a {color:#222;}


td.day > span, td.event > span, td.weekendDay > span, td.otherMonth > span {display:block;text-align:right;background:#E8EEF7;color:#666666;}
td.event > span:hover {background:#DDD;color:#000;text-decoration:underline;}



td.day a.new_event {
	background: url(imgs/i_add.png) top left no-repeat;
	xwidth:28px;
	height:29px;
	margin-left:5px;
	margin-top:5px;
	}


#event_creation_forms, #multi_event_creation_forms, #multi_random_home {border:1px solid #CCC;margin-bottom:20px;}

.form_header {display:block;position:relative;background:#051225;margin:0;color:#FFF;padding:10px;margin-right:4px;}
#multi_event_creation_forms h3, #multi_random_home h3 {display:block;position:relative;background:#051225;margin:0;color:#FFF;padding:10px;margin-right:4px;}
#multi_event_creation_forms h5, #multi_random_home h5 {background:#E5ECF9;padding:10px;width:90%;display:block;margin-bottom:10px;margin-left:-18px}
input.submit {float:right;}



/* Forms */

.form_footer {
border-top:1px solid #CCC;width:100%;float:left;padding-top:10px;
}


.ice_slot_item {width:100%;padding-bottom:20px;border-bottom:1px solid #CCC;}
.add_more {width:100%;}

.box_tabs {float:left;height:400px;display:block;width:350px;}

.createLinks a {color:#ccc;}
.createLinks a:hover {color:#222;}




table.calTable tr td a
{display: block;
text-decoration: none;
margin: 0;
}

.clicked {border:1px solid #000;}



/* Calendar List View */

.mode_toggle {position:absolute;right:30px;top:-3px;}

ul.calendar_mode {

}
ul.calendar_mode li {margin-right:5px;}
ul.calendar_mode li a {padding:8px;background:#A4CCE4;text-decoration:none;border:3px solid #EEE;border-bottom:none;}
ul.calendar_mode li.selected a {background:#B9E6FF;font-weight:bold;}


.schedule_table th.header {background:url(imgs/i_tablesort_bg.gif) center right no-repeat #FFF;border-top:none;}

.schedule_table th.headerSortDown { 
    background: url(imgs/i_tablesort_desc.gif) center right no-repeat !important; 
    background-color: #FFF; 
}

.schedule_table th.headerSortUp { 
    background: url(imgs/i_tablesort_asc.gif) center right no-repeat !important; 
    background-color: #FFF; 
} 



.table_tool {
margin-right:-4px;
xmargin-top:23px;
position:absolute;
width:60px;
background:#222;
color:#FFF;
xborder-width:2px;
xborder-top-width:0px;
border-style:solid;
height:20px;											
display:none;
				
}

.table_tool select {margin:0;padding:0;}

.table_tool > div {padding: 5px 5px 5px 5px;	}





input#listDate {border:1px solid #8AAEC1;border-right:1px solid #6E8A9A;border-bottom:1px solid #6E8A9A;background:url(imgs/calbtn_listday.png) 4px 4px no-repeat #FFF9D7;padding:2px 5px 2px 36px;font-size:16px;height:20px;width:120px;margin-top:-4px;}



#basic_table td.cell_buttons {padding: 0px 0px 0px 0 !important;border-right:1px solid #E8EDFF;vertical-align: top;xheight:100%;width:30px;}
.table_cell_buttons {width:100%;height:80px;display:block;overflow: hidden;}
.table_cell_buttons a {width:100%;display:block;height:50%;float:left;}
a.match {background:url(imgs/i_matching.png) center center no-repeat;display:block;}
a.edit {background:url(imgs/i_edit.png) center center no-repeat;display:block;}
a.inlinematch {background:url(imgs/i_matching.png) center center no-repeat;display:block;float:left;width:16px;height:16px;padding:0;}
a.inlineedit {background:url(imgs/i_edit.png) center center no-repeat;display:block;float:left;width:16px;height:16px;padding:0;}
a.inlineedit:hover {	
	opacity: 0.50;
	-moz-opacity: 0.50; /* older Gecko-based browsers */
	filter:alpha(opacity=50); /* For IE6&7 */
	}
a.inlineedit:active {margin-top:2px;}
.table_cell_buttons a.first {border-bottom:1px solid #E8EDFF;}



#basic_table tr.odd:hover, #basic_table tr.even:hover {background:#FEF8D6;}


/* @group */
/* Event States across the app */

.offered {background:#FFB668;}
.pending {background:#FF97A1;}
.open {background:#FFF1A1;}
.confirmed {background:#ABE397;}
.blocked {background:#222;color:#FFF;}
.misc {background:#C8A1FB;}
.practice {background:#6db8f9;}

/* For List View and List View Detail */

.event a {font-weight:normal;position:relative;}
.event a.open {display:block;color: #272727;}
.event a:hover.open {background:#fff49a;display:block;}
.event a:active.open {background:#ffdf45;display:block;}

.game_notation {


background:#4DBC69;margin-left:0px;padding:0px 4px 0px 3px;color:#E8FFCD;border:1px solid #4C6844;}


.event a.offered {background:#ffa743;display:block;}
.event a.offered_as_reciprocation {background:#ffa743;display:block;color: #6c6c6c}
.event a:hover.offered_as_reciprocation {background:#ffa85a;display:block;}

.event a.pending_reciprocation_acceptance {background:#ff3b3d;display:block;}
.event a:hover.pending_reciprocation_acceptance {background:#ff726f;display:block;}

.event a.action {background:#ff3b3d;display:block;}
.event a:hover.action {background:#ff726f;display:block;}

.event a.confirmed {color:#253821;display:block;}
.event a:hover.confirmed {background:#95e38f;display:block;}

.event a.practice {background:#6db8f9;display:block;}
.event a:hover.practice {background:#9de5ff;display:block;}

.event a.misc {background:#9b35f0;display:block;}
.event a:hover.misc {background:#892ed6;display:block;}

.calEventDay {background:transparent;}
	
#jhCalendar:after { /* clear floats */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}







/* Confirm And Send Dialog */
#confirm_and_send {position:relative;float:left;width:100%;}
.confirm_send_offer_btn {float:right;}

.window_basic_btn  {margin-bottom:5px;border:1px solid #CCC;padding:10px;font-weight:bold;background:#E5F0FF;color:#202564;display:block;}

/* Legend Table */
.calLegend {width:100%;height:13em;}
#legendTable {padding: 0;margin: 0;width:100%;}
#legendTable caption {padding: 0 0 5px 0;font-size: 1.2em;text-align: left;}
#legendTable th {font-weight: bold;color: #FFF;text-align: left;padding: 6px 12px 6px 12px;}
#legendTable th.nobg {background: none;}
#legendTable td {background: #fff;padding: 6px 6px 6px 12px;color: #222;}
#legendTable td.alt {background: #F5FAFA;color: #222;}

#legendTable th.open {background: #ffed65;color: #6c6c6c;}
#legendTable th.offered-reciprocation {background-color:#ffa743;color #FFF;}
#legendTable th.action {background: #ff3b3d;color: #FFF;}
#legendTable th.confirmed {background: #51e34a;color: #FFF;}
#legendTable th.practice {background: #6db8f9;color: #FFF;}

#legendTable td.print {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #797268;
	text-align : right;
}



/*-------------------------------------------    
    @Plugin Styles
-------------------------------------------*/

.basic_cal {width:600px;}
.textbox {width:370px !important;}

#facebox .b {
  background:url(imgs/b.png);
}

#facebox .tl {
  background:url(imgs/tl.png);
}

#facebox .tr {
  background:url(imgs/tr.png);
}

#facebox .bl {
  background:url(imgs/bl.png);
}

#facebox .br {
  background:url(imgs/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left; 
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  min-width: 370px;
  min-height:200px;
  float:left;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  float:left;
  clear:both;
  width:100%;
}

#facebox .footer img {
  vertical-align: middle;
} /* GITHUB Fixed the extra spacing under the close image in the facebox footer */

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
	float: left;
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



.hud_notify {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#page_loading {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	padding:10px;
	background:#FFDF0F;	
	height:20px;
	}


.hide_with_spinner {background: url(imgs/loading_sm.gif) center right no-repeat;display:none;}
#page_loader span {background: url(imgs/loading_sm.gif) center right no-repeat;height:20px;width:20px;position:absolute;top:10px;left:198px;}


#rightloader {background: url(imgs/loading_sm.gif) center 30% no-repeat;width:100%;height:300px;}
#rightloading_hide {display:none;}




/* ---------------------------------------------
	TOGGLE.CSS
-----------------------------------------------*/

div#toggleBox{
	background:#FFF;
	padding:20px 20px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#333;
	}
div#toggleBox h3{
	margin-bottom:4px;
	font-size: 14px;
	font-weight:bold;
	}
div#itoggle p{
	color:#666;
	margin-bottom:10px;
	}

div#console{
	display:none;
	position:absolute;
	top:8px;
	right:8px;
	width:160px;
	padding:6px 8px 8px 8px;
	text-align:right;
	background:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:url(/global/images/console.gif);
	}
div#console p{
	margin:0;
	font-size:11px;
	font-family:"Courier New", Courier, monospace;
	}

div#itoggle input.iT_checkbox_on{
	display:block !important;
	float:left;
	position:relative !important;
	top:-35px !important;
	left:100px !important;
	margin-bottom:-35px;
	}

/* -----------------------------
	This is the important bit
-------------------------------*/

div#itoggle label.ilabel{
	display:block;
	font-size:12px;
	padding-bottom:10px;
	cursor:pointer;
	}

div#itoggle label.itoggle,
div#itoggle label.itoggle span{
	display: block;
	width: 77px;
	height: 26px;
	margin-bottom: 10px;
	background: url(imgs/itoggle_team-org.png) left bottom no-repeat;
	cursor:pointer;
	text-indent:-5000px;
	}
div#itoggle label.itoggle.iToff{
	background-position:right bottom;
	}
div#itoggle label.itoggle span{
	background-position: left top;
	margin: 0;
	}
div#itoggle input.iT_checkbox{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

/*	
	If you want the corners to be
	transparent, add these two lines
	to the main block above. Only
	works on webkit and mozilla browsers
	For more reliable results, make your
	own png using the supplied .psd
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
*/



.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #ddd;
	border: 1px solid #bbb; 
	width: 100%; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}