/* DEFAULT HTML */
body 
{
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: .7em;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,h7
{
	color: #0083f5;
	font-weight: bold;
}

p 
{
	text-align: justify;
	color: #777777;
	font-size: .7em;
	line-height: 1.5em;
}

a {
	color: gray;
	text-decoration: none;
}

a.current {
}

a:visited
{
	text-decoration: none;
}

a:hover 
{
	color: blue;
	text-decoration: underline;
}

.error
{
}

/********** Page **********/

div.logo 
{
	vertical-align: top;
}

div.login 
{
	width: 600px;
	float: right;
	color: #003366;
	margin: 0px;
}

div.menu 
{
	background-color: #005D94;
	padding: 5px;
	color: #ffffff;
	clear: both;
	border-top: solid 1px navy;
}

div.menu a, div.menu a:visited
{
	color: #ffffff;	
}


div.contentArea
{
	background-color: #f5f5f5;
	padding-bottom: 10px;
	clear: both;
}

div.subContainer
{
	clear: both;
	padding: 1em 0.5em 1em 0.5em;
}

div.copyright {
	color: #999999;
	text-align: right;
	margin-left: 20em;
	margin-right: 0.5em;
}

div.subLinks{
	float: left;
	clear: left;
	color: #777777;
}


div.pageTitle
{
	color: #0083f5;
	font-size: medium;
}
/*

.orange {
	color: #FF9933;
}

.navy {
	color: #0083f5;
}

.green {
	color: #DFFFBE;
}

.gray {
	font-weight:normal;
	color: #F0F0F0;
}

.beige {
	color: #fdfae9;
}

*/

/********** Page **********/


/********** Portal Tabs **********/

span.PortalBreadCrumbSection
{
	border-style: none;
	border-width: 1px; 
	padding: 0px; 
	float:left;
	width:100%;
	/* background-color: #f5f5f5; */
}

span.PortalBreadCrumb
{
    font-weight:bold;
    color: white;
    /* border-style:solid; */
    border-width: 1px;
    margin: 0px 0px 0px 2px;
    padding: 2px 15px 2px 15px;
    float:left;
}

span.PortalBreadCrumb a
{
    color: white;
}


span.PortalBreadCrumb a:hover
{
    color: white;
}

span.PortalBreadCrumb a:visited
{
    color: white;
}


span.PortalSeparator
{
    font-size: 12px;
    color: #cdcdcd;
    height:16px;  
    border-style:solid;
    border-width: 1px;
    margin: 0px 0px 0px 2px;
    padding: 0px 10px 0px 10px;
    float:left;
}


/********** Sub Portal Tabs **********/

span.SubPortalTabSection
{
	border-style:none;
	border-width:1px; 
	padding: 0px 0px 0px 0px; 
	margin-left: 20px;
	margin-right: 20px;
	width:100%;
}

span.SubPortalBackgroundTab
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #cdcdcd;
    border-style:none;
    border-width: 1px;
    padding: 5px 10px 5px 10px;
    float:left;
    display: inline;
}

span.SubPortalBackgroundTab a
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: navy;
    font-weight: bold;
}

span.SubPortalBackgroundTab a:visited
{
    text-decoration: none;
}
span.SubPortalBackgroundTab a:hover
{
    text-decoration: underline;
}

/********** Sub Portal Tabs **********/




/********** Page Navigation Tabs **********/

/*
.PageTabRow
{
	width:100%; 
	background-color: #f5f5f5;
	margin: 0px;
	padding: 0px;
}

.tabSection
{
    list-style-type: none; 
    white-space: nowrap; 
    margin: 0px; 
    padding: 0px; 
    float: left;
}

.glossymenu{
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    background-image: url('images/tabs/menu_bg.gif');
    background-repeat:repeat-x;
    background-position: top; 
    height: 46px;
}


.tab
{
    display: inline; white-space: nowrap; float: left;
}
.tabSide
{
    width: 19px; 
    height: 46px; 
    border-bottom: solid 0px #F5EDE3;
}
.activeTabCenter
{
    height: 46px; 
    background-image: url('images/tabs/menu_hover_center.gif');
    white-space: nowrap;    
    color:#ffffff;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}
.backgroundTabCenter
{
    height: 46px; 
    white-space: nowrap;    
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-family: Verdana;
    font-size: 13px;
}

*/


.NavigationUserCell
{
	background-color: #f5f5f5; 
	border-left: solid 8px #005D94; 
	border-bottom: solid 8px #005D94; 
	border-top: solid 8px #005D94; 
	padding: 5px;	
}

.pagebreadcrumb
{
	vertical-align:top; 
	height:25px; 
	background-color: #005D94;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	background: url(images/tabs/menu_bg.gif) repeat-x center; /*tab background image path*/
	height: 46px;
	vertical-align: bottom;
}

.glossymenu td
{
	white-space: nowrap;
}

.glossymenu td a:hover{
	text-decoration: underline;
}

.glossymenu td .leftTab{
	padding:0 0 0 20px; /*Padding to accomodate left tab image. Do not change*/
	background-position: bottom left;
    background-repeat: no-repeat;
}

.glossymenu td .leftTab .rightTab
{
	padding: 0 24px 0 0; /*Padding of menu items*/
	background-position: bottom right;
    background-repeat: no-repeat;
}

.glossymenu td .leftTab, .glossymenu td .leftTab .rightTab
{
	/* display: block; */
	/* float:left;  */
	text-decoration: none;
	text-align: center;
	height:46px;
	line-height: 46px;
}
	
.glossymenu td a
{
	color:#ffffff;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.glossymenu td.current .leftTab{
	background-image: url(images/tabs/menu_hover_left.gif); /*left tab image path*/
}

.glossymenu td.current .leftTab .rightTab{
	background-image: url(images/tabs/menu_hover_right.gif); /*right tab image path*/
}

.glossymenu td.Red .leftTab{
	background-image: url(/images/backgroundTab/menur_hover_left.gif) /*left tab image path*/
}

.glossymenu td.Red .leftTab .rightTab{
	background-image: url(/images/backgroundTab/menur_hover_right.gif); /*right tab image path*/
}

.glossymenu td.Green .leftTab{
	background-image: url(/images/backgroundTab/menug_hover_left.gif) /*left tab image path*/
}

.glossymenu td.Green .leftTab .rightTab{
	background-image: url(/images/backgroundTab/menug_hover_right.gif); /*right tab image path*/
}

.glossymenu td.Blue .leftTab{
	background-image: url(/images/backgroundTab/menub_hover_left.gif) /*left tab image path*/
}

.glossymenu td.Blue .leftTab .rightTab{
	background-image: url(/images/backgroundTab/menub_hover_right.gif); /*right tab image path*/
}

.glossymenu td.Purple .leftTab{
	background-image: url(/images/backgroundTab/menupu_hover_left.gif) /*left tab image path*/
}

.glossymenu td.Purple .leftTab .rightTab{
	background-image: url(/images/backgroundTab/menupu_hover_right.gif); /*right tab image path*/
}

.glossymenu td.Orange .leftTab{
	background-image: url(/images/backgroundTab/menuo_hover_left.gif) /*left tab image path*/
}

.glossymenu td.Orange .leftTab .rightTab{
	background-image: url(/images/backgroundTab/menuo_hover_right.gif); /*right tab image path*/
}

.tabIcon
{
	float: left; 
	padding-top: 15px; 
	padding-right: 5px; 
	border: none 0px #000000;
}


/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	top: 0px;
}



/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.PanelHeader{
	width:100%;
	height:30px;
	background-image: url(/images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
	vertical-align: middle;
}



/********** End of Page Navigation Tabs **********/






/********** Page Template Column **********/

.PageLayoutColumn
{
	border-style:solid; 
	border-width:1px; 
	border-color:#cdcdcd; 
	min-height: 400px;
	vertical-align: top; 
	background-color:#ffffff;
	padding: 5px 5px 5px 5px;
}

/********** Page Template Column **********/








/********** Module Contents **********/

.moduleToolbar
{
    background-color: #f8f8f8;
    text-align: left;
}

.moduleContent
{
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.SubHead
{
	text-align: left;
	font-weight: bold;
	height: 25px;
}

.ListItem
{
	background-color: #ffffff; 
	padding: 4px 0px 4px 0px;
}

.AlternatingListItem
{
	background-color: #f7f7f7;
	padding: 4px 0px 4px 0px;
}

.EditListItem
{
	background-color: #f8f8f8;
	border-style: none;
	border-width: 4px;
	height: auto;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, helvetica;
}

.SelectedListItem
{
    border: dashed 2px #0f73f8;
}

.ListItemTitle
{
	color: blue;
	font-weight: bold;
	text-align:left;
	word-wrap:break-word;
}

.ListItemTitle a
{
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

.ListItemTitle a:hover
{
	color: blue;
	text-decoration: underline;
}

.ListItemTitle a:active
{
	color: blue;
}

.ListItemTitle a:visited
{
	color: blue;
}

.ListItemSubTitle
{
	color: gray;
	font-weight: bold;
	text-align:left;
}

.ListItemDate
{
	color: #999999;
}

.ListItemText
{
	text-align: left;
}

/********** Module Contents **********/








/********** Page Module Container **********/

.stillPageModuleContainer { position: relative; left: 0px; top: 0px; margin-bottom:20px;background-color:white; border: solid 1px #cdcdcd;}
.pageModuleContainer { position: relative; left: 0px; top: 0px; margin-bottom:20px;background-color:white; border: solid 1px #cdcdcd;}
.pageModuleContainer_holder { min-height: 400px; }
.pageModuleContainer_header { width:100%;padding-top:0px;padding-bottom:0px;margin: 0em; border-left: solid 1px #ffffff; border-top: solid 1px #ffffff; border-right: solid 1px #cdcdcd; border-bottom: solid 1px #cdcdcd; font-size: 1.0em;font-weight:normal; cursor:move }
.pageModuleContainer_header_table { width:100%; border-top:0px solid #97acd4;  padding:0px;margin:0px; font-size: 1.0em; }
.pageModuleContainer_title { width:90%;background-color:#e6e6e6; padding-left:2px;font-weight:bold;padding-right:5px; text-align:left; padding-top: 3px; padding-bottom: 3px; }
.pageModuleContainer_title a { overflow:hidden;height:1.2em;color: #000000; text-decoration:none; font-size: 1.0em; }
.pageModuleContainer_collapse, .pageModuleContainer_expand, .pageModuleContainer_close { display:inline; }
.pageModuleContainer_dropcue { border: dashed 2px gray; display:none; margin-bottom:20px; }
.pageModuleContainer_operationicon { cursor:pointer; }
.pageModuleContainer_edit {width:10%;background-color:#e6e6e6;white-space:nowrap;text-align:right;padding-top:2px;padding-right:2px;}
.pageModuleContainer_edit a {color:green;text-decoration:none;}
.pageModuleContainer_edit a:hover {color:red;}
.pageModuleContainer_button {background-color:#e6e6e6;padding-right:4px; vertical-align: middle; text-align: right; margin-top:3px;cursor:hand; }
.pageModuleContainer_box {display:block;margin-top:3px;overflow:hidden;width:12px;height:12px;cursor:hand;cursor:pointer;}
.pageModuleContainer_showcase { border: solid 1px gray; padding: 8px; clear:both; margin: 10px 0px 10px 0px; width: 95%; height: 200px; }
.pageModuleContainerTitle { color: #000000; text-align: left; }

/********** Page Module Container **********/






/********** Images **********/



.imageGalleryDataList
{
    padding: 5px;
    text-align: left;
}

.imageGalleryItem
{
    /*
    border-left:1px solid #f5f5f5; 
    border-top:1px solid #f5f5f5; 
    border-right:1px solid #cdcdcd; 
    border-bottom:1px solid #cdcdcd; 
	*/
    padding: 7px;
    float: left;
    text-align: center;
}

.imageGalleryImage
{
    display: inline;
    margin-left: 5px;
}

.imagePhotoThumbnail
{
    border-left:1px solid #f5f5f5; 
    border-top:1px solid #f5f5f5; 
    border-right:1px solid #cdcdcd; 
    border-bottom:1px solid #cdcdcd; 
    padding: 7px;  
    background-color: #ffffff;
}

/********** Images **********/





.NormalTextBox
{
	border: solid 1px #cdcdcd;
}






.friendGalleryDataList
{
    padding: 5px;
    text-align: left;
}

.friendGalleryItem
{
    border-left:1px solid #f5f5f5; 
    border-top:1px solid #f5f5f5; 
    border-right:1px solid #dcdcdc; 
    border-bottom:1px solid #dcdcdc; 
    margin: 10px;
    width: 130px;
    height: 80px;
    float: left;
    background-color: #ffffff;
    vertical-align: text-top;
}

.friendGalleryImage
{
    display: inline;
    margin-left: 5px;
}


.FriendImage
{
    width: 150px;
    display: block;
    position: relative;
	word-wrap:break-word;
}





/********** AJAX Related **********/




/********** Calendar **********/


.CalendarEvents
{
	width: 100%;
}

.CalendarEventsDayHeaderStyle
{
}

.CalendarEventsDayStyle
{
}
.CalendarEventsNextPrevStyle
{
}
.CalendarEventsOtherMonthDayStyle
{
}
.CalendarEventsSelectedDayStyle
{
}
.CalendarEventsSelectorStyle
{
}
.CalendarEventsTitleStyle
{
}
.CalendarEventsTodayDayStyle
{
}
.CalendarEventsWeekendDayStyle
{
}

/********** END OF CALENDAR **********/








/********** AJAX Related **********/



/********** Context Menu **********/

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	/* background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA; */
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	height: 35px;
	width: 80px;
	background-color: #ffffff;
}

.ContextMenuBreak
{
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	color: #003399;
	border: 1px solid #D2B47A;
}

/********** Context Menu **********/




/********** Ajax Calendar **********/

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #cdcdcd;
    color: red;
    width: 200px;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    cursor:hand;
    
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/********** Ajax Calendar **********/



/********** Star Rating **********/


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/Rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/Rating/SavedStar.png);
}

/********** Star Rating **********/






/********** Modal Popup **********/

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color: #f5f5f5;
    border: solid 5px #cdcdcd;
    padding:3px;
    width:250px;
    background-image: url(/images/messagebg.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.messagetitle
{
	background-image: url(/images/messagetitlebg.gif);
	background-repeat: repeat-x;
	height: 32px;
	text-align: center;
	padding-top: 8px;
	color: #ffffff;
	font-weight: bold;
	cursor: move;
}

.popupControl{
    background-color:White;
    position:absolute;
    visibility:hidden;
}


/********** Modal Popup **********/

 
 
 
 
/********** Accordion **********/

.accordionLink
{
	color: #ffffff;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/********** Accordian **********/


#UpdateProgressDialog
{
    width: 350px; height:200px; background-color:#F8F8F8;
    /* top: 40%; left: 35%; position: absolute; */
    /* border: solid 1px black; */
}
#ProgressTemplateDialog
{
    font-weight: bold; font-size: 9pt; color: navy; 
    font-family: Verdana; margin:10px; 
}
#ProgressAction
{
    font-size: 8pt; color: black; 
    font-family: Verdana; margin:5px; 
}
#ProgressBar
{
    font-size: 8pt; color: black; background-color:#FEFFFE;
    font-family: Verdana; text-align: center;
}
#ProgressMessage
{
    font-size: 8pt; color: black; background-color:#FEFFFE;
    font-family: Verdana; font-weight: bold; 
}