/* -------------------------------------------------------------------------------------------------
- Body
--------------------------------------------------------------------------------------------------*/
html, body
{ 
	margin: 0px;
	padding: 0px; 
	/*text-align: center;*/
	
    position: relative;
    height: 100%;
	
	background-image: url(Images/Community_Background.png);
	/*background-color: #000f5c;*/	
} 

/* -------------------------------------------------------------------------------------------------
- Master Page
--------------------------------------------------------------------------------------------------*/
.MasterPage_Hyperlinks_Menu
{
    font-weight: normal;  
	font-size: 14pt;
	font-family: Arial;  
    text-decoration: none; 
}

#Header_TD
{
	width: 100%;		
}

#Header_Note_TD
{
	text-align: left;	
}

#Header_Column_Spacer_TD
{
	height: 5%;	
}

#Main_Column_TD
{ 	
 	width: 100%; 
 	height: 100%; 
 	vertical-align: top;
    text-align: left;	    
	position: relative;  	
 	display: inline;
 	float: right; 
 	background-color: #616dac;  	
}

#Main_Column_DIV
{ 
	width: 100%; 
	height: 100%;
	/*float: right;*/
	/*display: inline;*/
	top: 0px;
	left: 0px;
	vertical-align: top;	
	
	position: relative; 
	background-color: #616dac;			
} 
 
#Master_Table
{
	width: 90%;			
	position: relative; 	
}
  
#Body_Column_Spacer_TD
{
	top: 0px;
	left: 0px;
	vertical-align: top;	
}

#Master_Menu_DIV .Master_Top_Menu
{
	text-align: left;
	z-index: 100;		
}

#Master_Menu_DIV .IE8Fix
{
	z-index: 200;		
}

/* Web Notes */
#Master_Table .Header_Note_TextBox
{
	text-align: center; 
	font-family: Arial;  		
}

#Menu_Column_Spacer_TD
{
	background-color: #616dac;	
}

#Menu_DIV .Menu_Normal /* Menu Text */
{
	font-weight: normal;  
	font-size: small;	
	font-family: Arial;  
	color: White;  			
}

/* #Menu_DIV .Menu_Selected
{		
	color: #66FF33;
}

#Menu_DIV .Menu_Hover
{			
	color: Blue;
}

#Menu_DIV .Menu_Sub_Normal
{
	color: Red; 
	background-color: Black;  		
} 

#Menu_DIV .Menu_Sub_Hover  
{   
    color: Blue;          
} */

#Master_Table .Label
{	
	font-family: Arial;	
	font-size: 10pt; 
	color: White;
	margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;    
}

#Master_Table .TextBox
{		
	font-family: Arial;
	font-size: 10pt;
	margin-top: 0px;	 
}

#Master_Table .CheckBox
{		
	font-family: Arial;
	font-size: 10pt; 
	color: White;
}

#Master_Table .DropDown

#Master_Table .DropDownList
{		
	font-family: Arial;
	font-size: 10pt;
    margin-top: 135px;
    margin-bottom: 20px;
}

/* -------------------------------------------------------------------------------------------------
- AJAX Toolkit MaskEdit extender
--------------------------------------------------------------------------------------------------*/
#Master_Table .MaskedEditFocus
{ 
    color: Red;   
}

/* -------------------------------------------------------------------------------------------------
- AutoComplete
--------------------------------------------------------------------------------------------------*/
.AutoComplete
{		
	/* font-family: Arial;
	font-size: 10pt;
	margin-top: 0px;
	border-style: solid;
    border-width: 5px;
    border-style: inset;
    border-bottom-color: Red; 
    background-color: Blue; */
      
    border-style: None; 
    /*border-color: Black;*/
    /*border-style: Double;*/
    /*border-width: 3px;*/
    background: #FFFFFF url(../../Images/Search.png) no-repeat 3px 3px;
    padding: 2px 2px 2px 22px;

   /* padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC; */
}

/* -------------------------------------------------------------------------------------------------
- Label 12
--------------------------------------------------------------------------------------------------*/
.Label_12
{	
	font-family: Arial;	
	font-size: 12pt; 
	color: Black ;
	margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* -------------------------------------------------------------------------------------------------
- AJAX Toolkit Watermark
--------------------------------------------------------------------------------------------------*/
.WaterMark
{
	color: Gray;
}

/* -------------------------------------------------------------------------------------------------
- jQuery BlockUI
--------------------------------------------------------------------------------------------------*/
div.blockMsg   
{
    width:  40%;
    top:    40%;
    left:   30%;  
    height: 50px;
    text-align: center;
    background-color: #000;
    /*border: 1px solid #ddd; */
    border: 'none';
    padding: 15px;
    color: #fff;   
    font-size: 8pt;
    font-family: Arial;
    text-align: center; 
    opacity:.70;
}


/* -------------------------------------------------------------------------------------------------
- (TESTING) Status Panel
--------------------------------------------------------------------------------------------------*/
 #footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel
 a.home{
	background: url(Images/home.png) no-repeat 15px center;
	width: 75px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}

a.profile{ background: url(Images/user.png) no-repeat center center;  }
a.editprofile{ background: url(Images/wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(Images/address_book.png) no-repeat center center; }
a.messages{ background: url(Images/mail.png) no-repeat center center; }
a.playlist{ background: url(Images/document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(Images/film.png) no-repeat center center; }
a.alerts{ background: url(Images/newspaper.png) no-repeat center center; }

#footpanel a.chat{
	background: url(Images/balloon.png) no-repeat 15px center;
	width: 250px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {
    text-align: center;
    width: 250px;
    background: url(Images/pop_arrow.gif) no-repeat center bottom;
    padding: 1px 5px 11px;
    display: none; /*--Hide by default--*/
    color: #fff;
    font-size: 1em;
    text-indent: 0;
}

#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	height: 25px;
	top: -37px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 350px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(Images/RedLine.png) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}

#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}