/* CSS STYLES FOR salaro Skin
   =============================
   SalarO.com
*/   
/* Top of the flash selections panes for home page 

Calendar page for CCRS */
.LeftPaneFlash  { 	background-color: #629342;}
.ContentPaneFlash  {	background-color: #3F8D7B;}
.RightPaneFlash  {	background-color: #89548D;}
.LeftPaneFLlight { 	background-color: #B5D59F;}
.ContentPaneFLight  {	background-color: #C5E4DD;}
.RightPaneFLight  {	background-color: #D3BAD6;}
.FarPaneFlash  {	background-color: #666666;}
.FarPaneFLight  {	background-color: #cccccc;}
.LeftPane  {  BORDER-RIGHT: #B68D7C 1px dotted;	 padding:8px; background-color: #EDEEF0; width:200px}
.ContentPane  {	 BORDER-RIGHT: #B68D7C 1px dotted;	 padding:8px; background-color: #EDEEF0;}
.RightPane  {	 padding:8px; background-color: #EDEEF0;}
.HeaderPane  {	 padding:8px; background-color: white;}
.LowerPane  {	 padding:8px; background-color: white;}
.FooterPane  {	 padding:8px; background-color: #004476;}
.upperPane  {	 padding:8px; background-color: white;}
.MenuLeft  {	 padding:8px; background-color: #8AABCE;}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {    background-color: #CCCCCC;}

/* background color for the content part of the pages */
Body{	margin:0px;	padding:0px; background-color: #EAF0F4;	background-attachment: fixed;	background-image: none;	background-repeat: no-repeat;background-position: right bottom;}
/*
.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none; }
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#2C333A; text-decoration:underline;}
*/
.CalendarLeft {
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
	height:150px;
	width:200px;
	background-image: url(images/AllPathsSmall.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.CalendarMiddle {
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
	height:150px;
	width:400px;
	background-image: url(images/GirlSmilesUpClose400x150.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.CalendarRight {
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
	height:150px;
	width:200px;
	background-image: url(images/DiverseGroup200x150.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/* Page Layout Elements */
#header {	clear: both;	height: 66px;	width: 100%;	padding: 0px;	background-attachment: scroll;	margin: 0px;	background-image: url(images/topBakRep.gif);	background-repeat: repeat-x;	background-position: left top;	background-color: #FFFFFF;	border-bottom-width: 1px;	border-bottom-style: solid;	border-top-color: #878CAB;
	border-right-color: #878CAB;
	border-bottom-color: #878CAB;
	border-left-color: #878CAB;
}
#container {	width: 100%;	margin:0px auto;	text-align:center;	padding:0px;	clear: both;}
#footer {	width: 100%;	height: 20px;	display: block;	padding: 0px;	clear: both;	text-align: left;	margin-top: 0px;	background-color: #EDEEF0;	border-top-width: 1px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #878CAB;	border-bottom-color: #878CAB;}
#panes {	width: 100%;	display: block;	padding: 0px;	margin: 0px auto;	clear: both;	border: 0px none;}
#banner {	float: right;	height: 53px;	width: 60px;	background-attachment: scroll;	background-image: url(images/flag.gif);	background-repeat: no-repeat;	background-position: right top;}
#logo {	height: 50px;	float: left;	margin: 0px;	padding: 0px;	text-align: left;	width: 150px;}
#logo img{	display:inline 	}

#loginBox {	height: 24px;	text-align: left;	margin: 0px;	padding: 0px;	background-attachment: scroll;	background-image: url(images/loginBoxBak.gif);	background-repeat: repeat-x;	background-position: left top;	float: right;	background-color: #BEC1D1;}

.MenuBar {	width: 100%;	height: 21px;	display: block;	margin: 0px;	padding: 0px;	background-color: #EDEEF0;	background-attachment: scroll;	background-image: url(images/menuBak.jpg);	background-repeat: repeat;	clear: both;}

#menuBar {	width: 100%;	height: 20px;	display: block;	margin: 0px;	padding: 0px;	background-color: #EDEEF0;	background-attachment: scroll;	background-image: url(images/menuBak.jpg);	background-repeat: repeat;	clear: both;}
#menu {	float: left;	clear: none;	width: 450px;	padding: 0px;	margin: 0px;	height: 16px;}
#lablfooter {	display: inline;	width: 300px;	height: 20px;	margin-top: 3px;	margin-left: 5px;	text-align: left;	overflow: hidden;	margin-right: 0px;	margin-bottom: 0px;	padding: 0px;	float: left;}
#footerinfo {    margin-top: 3px;	margin-right: 5px;	display: inline;	height: 20px;	width: 400px;	text-align: right;	float: right;}#MBCorner {	background-color:transparent;	float: left;	height: 25px;	width: 13px;}
#logo img {	margin: 0px;	padding: 0px;	border: 0px none;}
#signinGroup {	color: #BEC1D1;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 7.5pt;	font-weight: bold;	margin-top: 4px;}
.date {    font-size: 8pt;	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;	margin-right: 0px;	margin-top: 0px;	float: right;	text-align: right;	background-color: #BDBFCC;	}
#Table2{	background-color: #FFFFFF;	margin: 0px;	width: 100%;}
#paneLeft {	background-color: #EED5CD;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #CC8066;	width: 120px;}
#paneRight {	background-color: #EED5CD;	border-left-width: 1px;	border-left-style: solid;	border-left-color: #CC8066;	width: 120px;	float: right;}
#panesMain {	width: 100%;}
#topBar {	background-attachment: scroll;	background-image: url(images/topBak.jpg);	height: 50px;	width: 100%;}


#SearchContainer input {	BORDER-RIGHT: #CCCCCC  1px solid;	font-size:9px;	color:#ffffff;	BORDER-TOP: #CCCCCC 1px solid;	BACKGROUND: transparnet;	BORDER-LEFT: #CCCCCC 1px solid;	WIDTH: 100px;	BORDER-BOTTOM: #CCCCCC 1px solid;	HEIGHT: 15px;} 

/* background/border colors for the selected tab
.breadcrumbs {    font-size: 10px;	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;	margin-right: 0px;	margin-top: 0px;	background-color: #EAF0F4;	float: left;	text-align: right;}
 */
.TabBg {    background-color: black;} 
.HeaderPane{	     padding-left:4;	 padding-top:0;  padding-right:3;  background-color: Transparent;}
.FooterPane {}

/* text style for the selected tab */
.SelectedTab {	font-size: 10px;	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
#Date .SelectedTab { font-size: 9px;	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}

/* hyperlink style for the selected tab */
A.SelectedTab:link {    text-decoration:    none;    color:#878CAB;}
A.SelectedTab:visited  {    text-decoration: none;    color:#878CAB;}
A.SelectedTab:active   {   text-decoration:  none;    color:#878CAB;}
A.SelectedTab:hover    {    text-decoration:  none;   color:#BEC1D1;}
.Breadcrumb{ 	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 7.5pt;	font-weight: bold; text-decoration: none; background-color:transparent;	padding-right:10;}
A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active{ text-decoration: none;  color: #878CAB;}
A.Breadcrumb:hover { text-decoration: none;  color: #FF9900;}

/* text style for the unselected tabs */
.OtherTabs {	font-size: 10px;	color: #878CAB;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
#loginBox .OtherTabs {	font-size: 8px;	color: #BEC1D1;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {    text-decoration:    none;    color:#878CAB;}
A.OtherTabs:visited  {    text-decoration:    none;    color:#878CAB;}
A.OtherTabs:active   {    text-decoration:    underline;    color:#878CAB;}
A.OtherTabs:hover    {    text-decoration:    underline;    color:#BEC1D1;}
#signinGroup A.OtherTabs:link, #user A.OtherTabs:link, A.user:link {    text-decoration:    none;    color:#BEC1D1;}
#signinGroup A.OtherTabs:visited, #user A.OtherTabs:visited, A.user:visited  {    text-decoration:    none;    color:#BEC1D1;}
#signinGroup A.OtherTabs:active, #user A.OtherTabs:active, A.user:active   {    text-decoration:    underline;    color:#BEC1D1;}
#signinGroup A.OtherTabs:hover, #user A.OtherTabs:hover, A.user:hover    {    text-decoration:    underline;    color:#FFCC00;}
/* GENERAL */
/* style for module titles */
.Head   {	font-family: Georgia, "Times New Roman", Times, serif;	font-size:  14px;	font-weight:    bold;	color: #878CAB;	font-style: normal;	text-transform: uppercase;}

/* style of item titles on edit and admin pages */
.SubHead    {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size:  11px;	font-weight:    bold;	color: #656B8F;	font-style: normal;	text-transform: uppercase;}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size:  10px;	color: #656B8F;	font-weight: bold;	text-transform: uppercase;}

/* text style used for most text rendered by modules */
.Normal {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: normal; color: #282B39;}
.NormalHighlight {	background-color: #FBF7F4;	color: #282B39;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{    font-family: Tahoma, Arial, Helvetica, sans-serif;    font-size: 11px;    font-weight: normal;}
/* text style used for textboxes in the LanguageBox */

.LanguageBox {	FONT-WEIGHT: normal;	FONT-SIZE: 10px;	WIDTH: 140px;	COLOR: #003366;	FONT-FAMILY: verdana, sans-serif;	background-color: #B9D0D0;}
.NormalRed{    font-family: Tahoma, Arial, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold;    color: #FF0000}
.NormalBold{    font-family: Tahoma, Arial, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	padding-right: 3px;	padding-left: 3px;}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {	text-decoration:    none;	color: #343749;	border: 1px solid #343749;	background-color: #EBECEE;}
A.CommandButton:visited  {	text-decoration:    none;	color: #343749;	border: 1px solid #343749;	background-color: #EBECEE;}
A.CommandButton:active   {	text-decoration:    none;	color: #80402B;	border: 1px solid #80402B;	background-color: #EED5CD;}
A.CommandButton:hover    {	text-decoration:    none;	color: #80402B;	border: 1px solid #80402B;	background-color: #EED5CD;}
    
/* GENERIC */
P{	margin-top: 2px;	margin-bottom: 5px;}
H1  {	font-family: Georgia, "Times New Roman", Times, serif;	font-size:  20px;	font-weight:    normal;	color: #878CAB;	text-transform: uppercase;	margin-top: 10px;	margin-bottom: 0px;}
H2  {    font-family: Georgia, "Times New Roman", Times, serif;    font-size:  18px;    font-weight:    normal;    color: #878CAB;	text-transform: uppercase;	margin-top: 10px;	margin-bottom: 0px;}
H3  {    font-family: Georgia, "Times New Roman", Times, serif;    font-size:  16px;    font-weight:    normal;    color: #878CAB;	text-transform: uppercase;	margin-top: 10px;	margin-bottom: 0px;}
H4  {	font-family: Garamond, "Times New Roman", Times, serif;	font-size:  18px;	color: #C7765A;	font-style: italic;	margin-top: 10px;	margin-bottom: 0px;}
H5, DT  {	font-family: Garamond, "Times New Roman", Times, serif;	font-size:  16px;	color: #C7765A;	font-style: italic;	margin-top: 10px;	margin-bottom: 0px;}
H6  {	font-family: Garamond, "Times New Roman", Times, serif;	font-size:  15px;	color: #C7765A;	font-style: italic;	margin-top: 10px;	margin-bottom: 0px;}
TFOOT, THEAD    {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size:  12px;	color: #CC8066; background-color: #EED5CD;	border: 1px solid #CC8066;}
TH  {    vertical-align: baseline;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size:  12px;	color: #CC8066;}
A:link  {    text-decoration:   none;    color:  #575C7B;}
A:visited   {	color:  #575C7B;	text-decoration: none;}
A:active    {    text-decoration:    underline;    color:  #984E34;}
A:hover {	color: #984E34;	text-decoration: underline;}
SMALL   {    font-size:  8px;}
BIG {    font-size:  13px;}
BLOCKQUOTE, PRE {    font-family:    Lucida Console, monospace;}
UL LI   {    list-style-type:    square ;}
UL LI LI    {    list-style-type:    disc;}
UL LI LI LI {    list-style-type:    circle;}
OL LI   {    list-style-type:    decimal;}
OL OL LI    {    list-style-type:    lower-alpha;}
OL OL OL LI {    list-style-type:    lower-roman;}
HR {	color: #7E84A3;	height:1px;	text-align:left;	background-color: #7E84A3;}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {    font-family: Tahoma, Arial, Helvetica;    font-size: 11px;    font-weight: normal;    font-size: 11px;    background-color: #eeeeee}   

/* style of item titles by Announcements and events */
.ItemTitle    {    font-family: Tahoma, Arial, Helvetica;    font-size:  11px;    font-weight:    bold;    color: #003366;}
/*___________________________________________________________________________________________*/
.MainMenu_MenuContainer{ background:transparent; width:100%;
	color: #666666;
	font-style: normal;
	font-size: 9px;
	font-size: 9px;
}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{
	border:1px #F1F5FA solid; border-width:1px 1px 1px 0px;
}
.MainMenu_MenuItem,.submenuitembreadcrumb{
	color:#666666;	font-size:11px;	font-weight:normal;
	padding:1px 10px 1px 6px;
	border:1px #F1F5FA solid; border-width:1px 0px;
}
.submenuitemselected{
	color:#ffffff;	font-size:11px;	font-weight:normal;
	padding:1px 10px 1px 6px;
	background:#08327A;
	border:1px #6666cc solid; border-width:1px 0px;	
}
.submenu{
	border:1px #3D6896 solid;
	padding:0px; margin-top:0px; margin-left:0px;
	background:#F1F5FA;
}
.rootmenuitem TD{ 
	color:#333333; font-size:11px; font-weight:bold;
	padding:1px 10px 0px;
	background:transparent;
	height:21px;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
	color:#ffffff; font-size:11px; font-weight:bold;
	padding:1px 10px 0px;
	background:transparent;
	height:21px;
}
.MainMenu_MenuBreak{
	border:0px;
	padding:0px;
}
/* Menu-Styles
.MainMenu_MenuIcon {
	cursor: pointer;
	cursor: hand;
	background-color: #EDEEF0;
	border-left: 1px solid #EDEEF0;
	border-bottom: 1px solid #EDEEF0;
	border-top: 1px solid #EDEEF0;
	text-align: center;
	width: 15;
	height: 17;
	border-right-color: #F53104;
} 
*/
/* Module Title Menu 
.ModuleTitle_MenuContainer {	border-bottom: blue 0px solid; 	border-left: blue 0px solid; 	border-top: blue 0px solid; 	border-right: blue 0px solid; }
.ModuleTitle_MenuBar {	cursor: pointer; 	cursor: hand;	height:20;	background-color: Transparent;}
.ModuleTitle_MenuItem {	cursor: hand;	color: #464A62;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;	margin: 0px;	border-top: 1px solid #EDEEF0;	border-bottom: 1px solid #EDEEF0;	height:22px; text-transform: uppercase;}
.ModuleTitle_MenuIcon {	cursor: pointer;	cursor: hand;	background-color: #EDEEF0;	border-left: 1px solid #EDEEF0;	border-bottom: 1px solid #EDEEF0;	border-top: 1px solid #EDEEF0;	text-align: center;	width: 15;	height: 17;	border-right-color: #F53104;}
.ModuleTitle_SubMenu {	z-index: 1000;	cursor: pointer; 	cursor: hand;	background-color: #EDEEF0;	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 	border-bottom: #FFFFFF 0px solid; 	border-left: #FFFFFF 0px solid; 	border-top: #FFFFFF 0px solid; 	border-right: #FFFFFF 0px solid;}
.ModuleTitle_MenuBreak {	border-bottom: 1px solid #EDEEF0; 	border-top: 1px solid #EDEEF0;	background-color: #575C7B; 	height: 2px;}
.ModuleTitle_MenuItemSel {	background-color: #575C7B;	cursor: hand;	color: #EDEEF0;	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: bold;	border-top: 1px solid #EDEEF0;	border-bottom: 1px solid #EDEEF0;	height:22px;	text-transform: uppercase;}
.ModuleTitle_MenuArrow {	font-family: webdings; 	font-size: 10pt;	cursor: pointer; 	cursor: hand; 	border-right: #FFFFFF 1px solid; 	border-bottom: #FFFFFF 1px solid; 	border-top: #FFFFFF 0px solid;}
.ModuleTitle_RootMenuArrow {	font-family: webdings; 	font-size: 10pt;	cursor: pointer; 	cursor: hand}

/* Main Menu 
.MainMenu_MenuContainer {
	background-color: transparent;
	background-position: 120px 0px;
}
.MainMenu_MenuIcon{	display:none;}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 16px;
}

.MainMenu_MenuItem {
	cursor: hand;
	color: #575C7B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder
	margin: 0px;
	border-top: 1px solid #EDEEF0;
	border-bottom: 1px solid #EDEEF0;
	height:22px;
	text-transform: uppercase;
}
.MainMenu_RootItem, .MainMenu_RootItem td{
	cursor: hand;
	color: #575C7B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	border-top: 1px solid #EDEEF0;
	border-bottom: 1px solid #EDEEF0;
	height:16px;
	text-transform: uppercase;
}


.MainMenu_SubMenu {
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background-color: #EDEEF0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border: 5px solid #EDEEF0;
}

.MainMenu_MenuBreak {
	border-bottom: 1px solid #EDEEF0; 
	border-top: 1px solid #EDEEF0;
	background-color: #575C7B; 
	height: 2px;
}

.MainMenu_MenuItemSel {
	background-color: #575C7B;
	cursor: hand;
	color: #EDEEF0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #EDEEF0;
	border-bottom: 1px solid #EDEEF0;
	height:22px;
	text-transform: uppercase;
}
.MainMenu_RootItemSelected, .MainMenu_RootItemSelected td{
	background-color: #575C7B;
	cursor: hand;
	color: #EDEEF0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-top: 0px solid #EDEEF0;
	border-bottom: 0px solid #EDEEF0;
	height:16px;
	text-transform: uppercase;
}
.MainMenu_MenuArrow {
	font-family: webdings;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	border-right: 1px solid #EDEEF0;
	border-bottom: 1px solid #EDEEF0;
	border-top: 1px solid #EDEEF0;
	color: #FFFFFF;
	height:16px;
}

.MainMenu_RootMenuArrow {
		border: 0px none ;
	font-family: webdings;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
		height:16px;

}
*/