/*
    ***************************************************
    WorldLearn 2008 Default Theme
    global.css
    Copyright WorldLearn
    
    The pagestyles.css file handles the base styles for
    user pages and admin pages in the WorldLearn 2008
    application.
    ****************************************************
*/


/***********************************/
/*    USER PAGE SECTION CLASSES    */
/***********************************/

.ZoneHeader
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-decoration:none;
    cursor:move;
    background-image:url('Images/bgWebPart.jpg');
    border:0px;
    border-collapse:collapse;
    background-repeat:repeat-x;
}


.PageBackground01
{
	 background-image:url('../../Images/web_background_058.jpg');
}

/* Header */
/* Use For: The header section that appears at the top of every user page. */
.Header
{
    background-color: #E1E5EA;
}

/* Footer */
/* Use For: The footer section that appears at the bottom of every user page. */
.Footer
{
    /*background-color: #E3E1E1;*/
    color: #2F69A5;
    font-family:Trebuchet MS, Verdana, Arial;
    font-size:12px;
    text-align: center;
}
/* CopyrightText */
/* Use For: The CopyrightText appears at the bottom of every user page. */
.CopyrightText
{
    font-family:Times New Roman;
}
/* PART-TopLogo */
/* Use For: The part that holds the logo at the top of the page. */
.PART-TopLogo
{
    margin: 18px;
    text-align: left;
}

/* PART-GlobalLinks */
/* Use For: The part that holds the utility links at the top of every page. */
.PART-GlobalLinks
{
    margin: 5px 15px 0px 0px;
    text-align: right;
}

/* PART-GlobalSearch */
/* Use For: The part that holds the global search mechanism at the top of every page. */
.PART-GlobalSearch
{
    margin: 0px 15px 5px 0px;
    text-align: right;
}

/* PART-SystemNotification */
/* Use For: The part that holds the global search mechanism at the top of every page. */
.PART-SystemNotification
{
    background-color: #FEFFC6;
    border: solid 2px #FFF933;
    padding: 5px 0px 5px 0px;
    text-align: center;
    width: 100%;
}

/* SystemNoticeText */
/* Use With: ContentText
   Use For: Any temporary messages from the system (including system downtime
            or other important messages for all users) that require the user’s attention. */
.SystemNoticeText
{
    background-color: #FEFFC6;
    width: 450px;
}

/**********************/
/*    MENU CLASSES    */
/**********************/

/* MainMenu */
/* Use For: The top-level menu in the WorldLearn 2008 application. */
.MainMenu
{
    background-color: #133463;
    text-align: left;
}

/* MainMenuItem */
/* Use With: ComponentText
   Use For: An item in the main menu that is currently *NOT* selected. */
.MainMenuItem
{
	font-family:Trebuchet MS, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #E1E5EA;
	background-color: #133463;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}
.MainMenuItem a:link
{
	background-color: #133463;
    color: #E1E5EA;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}
.MainMenuItem a:visited
{
	background-color: #133463;
    color: #E1E5EA;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}

/* MainMenuItemSelected */
/* Use With: ComponentText
   Use For: An item in the main menu that is currently selected. */
.MainMenuItemSelected
{
    background-color: #FFFFFF;
    color: #133463;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}
.MainMenuItemSelected a:link
{
    background-color: #FFFFFF;
    color: #133463;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}
.MainMenuItemSelected a:visited
{
    background-color: #FFFFFF;
    color: #133463;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 8px 0px 8px;
    padding: 10px;
}

/**********************/
/*  END MENU CLASSES  */
/**********************/

/***********************************/
/*  END USER PAGE SECTION CLASSES  */
/***********************************/




/************************************/
/*    ADMIN PAGE SECTION CLASSES    */
/************************************/

/* Admin-DeadSpace */
/* Use For: Extra space on the left and right for browsers wider than 1024. */
.Admin-DeadSpace
{
    background-color: #212121;
}

/* Admin-UtilityBar */
/* Use For: The utility bar that appears at the top of the admin pages.
   Use With: ComponentText */
.Admin-UtilityBar
{
    background-color: #212121;
    /*border-bottom: solid 4px #6D6854;*/
    border-right-width: 0px;
    color: #FFF;
}

/* Admin-UtilityBarLink */
/* Use For: Links in the Admin Utility Bar.
   Use With: ComponentText */
.Admin-UtilityBarLink a:link
{
    color: #FFF;
}

.Admin-UtilityBarLink a:visited
{
    color: #FFF;
}

.Admin-UtilityBarLink a:hover
{
    color: #FFF;
}

.Admin-UtilityBarLink a:active
{
    color: #FFF;
}

/* Admin-Footer */
/* Use For: The footer section at the bottom of every admin page. */
.Admin-Footer
{
    background-color: #E1E5EA;
    border-bottom: solid 4px #6D6854;
    border-left: solid 4px #6D6854;
    border-right: solid 4px #6D6854;
}

/* Admin-Content */
/* Use For: The content section on every admin page. */
.Admin-Content
{
    border-right: solid 4px #6D6854;
    border-left: solid 4px #6D6854;
    border-top: solid 4px #6D6854;
}

/* Admin-Breadcrumbs */
/* Use For: The breadcrumb styling in the Administration pages. */
.Admin-Breadcrumbs
{
    color: #999;
}

.Admin-Breadcrumbs a:visited
{
    color: #999;
}

/* Admin-PageTabActive */
/* Use For: Page tab style at the top of Admin detail pages, if the tab is active (selected).
   Use With: ComponentText */
.Admin-PageTabActive
{
    background-color: #FFF;
    border: solid 1px #171717;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
}

/* Admin-PageTabInactive */
/* Use For: Page tab style at the top of Admin detail pages, if the tab is not active.
   Use With: ComponentText */
.Admin-PageTabInactive
{
    background-color: #E1E5EA;    border: solid 1px #171717;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
}

/* User-PageTabActive */
/* Use For: Page tab style at the top of User detail pages, if the tab is active (selected).
   Use With: ComponentText */
.User-PageTabActive
{
    background-color: #FFFFFF;
    border: solid 0px #171717;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    color:Black;
}

/* User-PageTabInactive */
/* Use For: Page tab style at the top of User detail pages, if the tab is not active.
   Use With: ComponentText */
.User-PageTabInactive
{
    background-color: #E1E5EA;
    border: solid 0px #171717;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    color:Black;
}

/****************************/
/*    ADMIN MENU CLASSES    */
/****************************/

/* Admin-Menu */
/* Use With: ComponentText
   Use For: The menu section of the administration pages. */
.Admin-Menu
{
    background-color: #F1F1F1;
    border-left: solid 1px #171717;
    text-align: left;
}

/* Admin-MenuItem1 */
.AdminMenuHeader
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #FFFFFF;
    font-weight: normal;
    background-color:#397BC6;
    cursor:hand;
    height:25px;
    vertical-align:middle;
    text-align:center;
}
.AdminMenuHeader a:link
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #FFFFFF;
    font-weight: normal;
    background-color:#397BC6;
    cursor:hand;
    height:25px;
    vertical-align:middle;
    text-align:center;
}
.AdminMenuHeader a:visited
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #FFFFFF;
    font-weight: normal;
    background-color:#397BC6;
    cursor:hand;
    height:25px;
    vertical-align:middle;
    text-align:center;
}
.AdminMenuHeader a:active
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #FFFFFF;
    font-weight: normal;
    background-color:#397BC6;
    cursor:hand;
    height:25px;
    vertical-align:middle;
    text-align:center;
}
.AdminMenuHeader a:hover
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #E74C4A;
    font-weight: normal;
    background-color:#397BC6;
    cursor:hand;
    height:25px;
    vertical-align:middle;
    text-align:center;
}

/* Use For: The top level menu organizers in Administration (General, LMS, etc) */
.Admin-MenuItem1
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #404040;
    font-weight: bold;
}
.Admin-MenuItem1 a:link
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #404040;
    font-weight: bold;
    text-decoration:none;
}
.Admin-MenuItem1 a:visited
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #404040;
    font-weight: bold;
    text-decoration:none;
}
.Admin-MenuItem1 a:active
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #404040;
    font-weight: bold;
    text-decoration:none;
}
.Admin-MenuItem1 a:hover
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:14px;
    color: #FF0000;
    font-weight: bold;
    text-decoration:underline;
}

/* Use For: The sub option level menu organizers in Administration (General, LMS, etc) */
.Admin-MenuItem2
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:12px;
    color: #397BC6;
    font-weight: bold;
}
.Admin-MenuItem2 a:link
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:12px;
    color: #397BC6;
    font-weight: bold;
}
.Admin-MenuItem2 a:visited
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:12px;
    color: #397BC6;
    font-weight: bold;
}
.Admin-MenuItem2 a:active
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:12px;
    color: #397BC6;
    font-weight: bold;
}
.Admin-MenuItem2 a:hover
{
	font-family:Trebuchet MS, Verdana, Arial;
	font-size:12px;
    color: #FF0000;
    font-weight: bold;
    text-decoration:underline;
}

/* Admin-MenuItem3 */
/* Use For: Sub-navigation menu items */
.Admin-MenuItem3
{
    font-family: Verdana, Trebuchet MS;
    font-size:11px;
    color: #000000;
    font-weight: normal;
}
.Admin-MenuItem3 a:link
{
    font-family: Verdana, Trebuchet MS;
    font-size:11px;
    color: #000000;
    font-weight: normal;
}
.Admin-MenuItem3 a:visited
{
    font-family: Verdana, Trebuchet MS;
    font-size:11px;
    color: #000000;
    font-weight: normal;
}
.Admin-MenuItem3 a:active
{
    font-family: Verdana, Trebuchet MS;
    font-size:11px;
    color: #000000;
    font-weight: normal;
}
.Admin-MenuItem3 a:hover
{
    font-family: Verdana, Trebuchet MS;
    font-size:11px;
    color: #000000;
    font-weight: normal;
    text-decoration:underline;
}


/****************************/
/*  END ADMIN MENU CLASSES  */
/****************************/

/* TabbedButton */
/* Use For: Set Table Border for tabbed buttons */
/* The class is effective only when applied to 
   each table cell tag instead of just the table */
.TabbedButton
{
	border-width:1px;
	border-color:#171717;
	border-style:solid;
	border-collapse:collapse;
}

/* MessageHeader  */
/* Use For: Setting the style of user messages which appear on the
   user home page */
.MessageHeader
{
	 font-family:"Arial Black";
	 font-size:1em;
	 color:Black;	
}

/* MessageSender  */
/* Use For: Setting the style of messages recepient name which appear
   under the Message heading on the user home page */
.MessageSender
{
	 font-family:Arial;
	 font-size:1em;
	 color:#7D7D7D;	
}
/************************************/
/*  END ADMIN PAGE SECTION CLASSES  */
/************************************/

.ModuleHeader
{
	font-family:Trebuchet MS, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
/*
Footer Link Style
Developed By : Sujoy Dutta
*/
.FooterLink
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #408CD2;
    text-decoration:none;
}
.FooterLink a:link
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #408CD2;
    text-decoration:none;
}
.FooterLink a:visited
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #408CD2;
    text-decoration:none;
}
.FooterLink a:active
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #408CD2;
    text-decoration:none;
}
.FooterLink a:hover
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    color: #FF0000;
    text-decoration:underline;
}
/*---------------------*/
.MenuHeaderText
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    background-color:#397BC6;
    text-decoration:none;
    cursor:hand;
}

.MenuHeaderTextSelected
{
    font-family:Trebuchet MS, Verdana, Arial;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    background-color:Lime;
    text-decoration:none;
}