/* -------------table of contents--------------------- */

/* Base Theme Elements */
    /* Header */
    /* TopBanner */
    /* Section_Name */ 
    /* SubSectionBanner */
/* Footer containing div formating  */
/* Address Book */
/* Menu Tab Structure -- Apps Main Tabs */
/* Menu Tab Structure -- Apps Admin Tabs */
/* Menu Tab Structure -- Apps White Label Admin Tabs */
/* Apps Left Menu Styles and Formatting */
/* Styles and formatting for the main page content */
/* Global Grid View Formatting */
/* Global TextField Formatting */
/* Global content table colour formatting */
/* Rounded CSS box formatting */
/* Corperate Branding bar on login page */
/* Help Control Formatting */
/* Page error formatting */
/* Highlight/bold specific elements*/
/* Percentage Bar Chart Formatting */

/* -------------table of contents ends -------------- */

/* Base Theme Elements */
/*---------------------*/

/* Containing div for header for both static/apps.  Incorporates logo, menu and apps menu */

#Header
{
background-color: #FFFFFF;
background-image: url('../Images/WL_Acme/Header_Background.png');
background-position: left top; 
background-repeat: repeat-x;
width: 980px;
height:109px; /* This is set for height of WL logo */
}

/* Container div formatting and styling for section name banner */

#TopBanner
{
color: #b12b2b; /*WL option*/
height:30px;
text-align: right;
line-height:2.23em ;
padding-right: 5px;
padding-top:5px;
float:right;
}

/* Section Name Container Div Text Formatting contained within #Topbanner */
   
.Section_Name 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:20px;
}

/* Formatting for page title (individual title for each content section page) */

#SubSectionBanner
{
font-size:15px;
font-family:Verdana;
color: #b12b2b; /*WL Option*/
border-bottom: solid 1px #AEAEAE;
width:970px;
margin-bottom:10px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
}

/* Footer containing div formating  */

#Footer 
{
width: 980px;
background-color:#191814;
color:#ffffff; 
vertical-align: bottom;
bottom: 12px;
font-size: 12px;
height: 26px;
margin-left: auto;
margin-right: auto;
}

/* Footer link styling */

#Footer a:link {color:#fff; text-decoration: underline;}
#Footer a:visited {color:#fff; text-decoration: underline;}
#Footer a:hover {text-decoration: underline; color:#fff;}
#Footer a:active {color:#fff; text-decoration: underline;}

/* Needs to have height set to allow for different sized WL logos */

#cMasterStaticHeader_LogoDiv {padding-left:15px;padding-top:6px;}

/* Needs to have height set to allow for different sized WL logos in conjunction with #Tabs_Main */

#cMasterAppsHeader_LogoDiv {padding-left:15px;padding-top:6px;}

/*Coloured strip below top menu buttons*/

#cMasterStaticHeader_MenuColourStrip 
{
padding-top:4px; 
background:url("../Images/WL_Acme/Tab_StripBackground.png") repeat-x;
}

#cMasterAppsHeader_MenuColourStrip 
{
padding-top:4px; 
background:url("../Images/WL_Acme/Tab_StripBackground.png") repeat-x;
}

/* Content text link formatting (Outside of Div.Layout) */

.ContentLink:link {color:#ce3232; font-weight:bold;}
.ContentLink:active {color:#ce3232; font-weight:bold;}
.ContentLink:visited {color:#ce3232; font-weight:bold;}
.ContentLink:hover {color:#ce3232; font-weight:bold;}

/* Address Book */
/*--------------*/

/* Styling and formatting for address book contact selection */

.cAddressBookBrowser
{
width:340px;
border: solid 1px #AEAEAE;
}

.cAddressBookBrowser button
{
	font-size: 12px;
}
/* Title bar formatting */
/* Image gradient referenced in Global*/

.cAddressBookBrowser_Title
{
color:#FFFFFF;
font-size: 12px;
background-color: #E29594; /*WL option*/
height:20px;
padding:4px 0px 0px 3px;
border-bottom: solid 1px #DDDDDD;
}

/* Select your contacts div formatting */

.cAddressBookBrowser_SelectYourContacts
{
vertical-align:middle; 
height:20px; 
padding: 8px 0px 1px 2px; 
background-color:#F2F1EC; 
width:338px; 
font-weight:bold;
}

/* One off number container div formatting */

.cAddressBookBrowser_OneOffNumber
{
padding: 8px 0px 4px 3px; 
background-color:#F2F1EC; 
width:337px; 
}

/* One off number title div formatting */

.cAddressbookBrowser_OneOffNumberTitle
{
vertical-align:middle; 
height:20px; 
padding:0px 0px 8px 0px; 
background-color:#F2F1EC; 
width:330px; 
font-weight:bold; 
}

/* Address book tab formatting */ 
/* Image gradient referenced in Global*/

.cAddressBookBrowserAccount_GroupTab 
{
background-color: #CE3232; /*WL option*/
width:336px;
height:20px;
padding:2px 0px 0px 3px;
border-bottom: solid 1px #DDDDDD;
}

/* Address book tab formatting button */ 

.cAddressBookBrowserAccount_GroupTabButton
{
cursor: pointer;
color:#FFFFFF;
text-align:left;
width: 100%;
}

/* Address book user tab formatting */ 
/* Image gradient referenced in Global*/

.cAddressBookBrowserUser_GroupTab 
{
background-color: #993f3f; /*WL option*/
width:336px;
height:20px;
padding:2px 0px 0px 3px;
border-bottom: solid 1px #DDDDDD;
}

/* Address book user tab formatting button */ 

.cAddressBookBrowserUser_GroupTabButton
{
cursor: pointer;
color: #FFFFFF;
text-align:left;
width: 100%;
}

/* Address book img alignment */

.cAddressBookBrowser img
{
vertical-align: top;
}

/* Address book contact list */

.cAddressBookBrowser_Contacts
{
cursor:pointer;
}

.cAddressBookBrowser_Contacts ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.cAddressBookBrowser_Contacts ul li
{
list-style-type: none;
padding: 0;
margin: 0;
}
  
/* Menu Tab Structure -- Apps Main Tabs */
/*---------------------------------*/

/* Container div formatting*/

#Tabs_Main      
{
float:right; 
font-size:12px; 
margin:0px;
position: absolute; /* Added to make sure the menu tabs align vertically  */
bottom: 0px;		/* bottom when changing cMasterAppsHeader_LogoDiv Height for WL logos */
right: 0px;			
}

/* Menu formatted as a horizontal unordered list */

#Tabs_Main ul 
{
margin:0;
padding:10px 4px 0px 5px;
list-style:none;
}

/* Individual list menu elements*/ 

#Tabs_Main li 
{
display:inline;
margin:0;
padding:0;
}

 /* Link element formatting/styling 1 of 2 */

#Tabs_Main a 
{
float:left;
margin:0px 1px 0px 1px;
padding:0 0 0 9px;
text-decoration:none;
border: 1px solid #b6b8b9;
background-color: #e7e7e7;
border-bottom: none;
}

 /* Link element formatting/styling 2 of 2 */

#Tabs_Main a span 
{
float:left;
display:block;
padding:5px 10px 5px 1px;
color:#000000;
}

 /* Login link element formatting/styling 1 of 2 */

#Tabs_Main li.logintab a
{
float:left;
background-color: #cc0001;
margin:0px 1px 0px 1px;
padding:0 0 0 10px;
color:#000000;
}

 /* Login link element formatting/styling 2 of 2 */

#Tabs_Main li.logintab a span
{
padding:5px 10px 5px 1px;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Tabs_Main a span {float:none;}
/* End IE5-Mac hack */

/* Hover link formatting for links 1 of 2 */

#Tabs_Main a:hover 
{
background-position:0% -150px;
color:#000000;
background-color: #B12B2B;
}

/* Hover link formatting for links 2 of 2 */

#Tabs_Main a:hover span 
{
background-position:100% -150px;
color:#FFFFFF;
background-color: #B12B2B;
}

#Tabs_Main li.logintab a:hover span, #Tabs_Main li.logintab a:hover   
{
color:#fff;
background-color: #000;
}


/* Styling to highlight current tab 1 of 2 */

#Tabs_Main .Current a
{
background-position:0% -150px;
color:#000000;
background-color: #B12B2B;
}

/* Styling to highlight current tab 2 of 2 */

#Tabs_Main .Current a span {
background-position:100% -150px;
color:#FFFFFF;
}


/* Menu Tab Structure -- Apps Admin Tabs */
/*---------------------------------------*/

/* Container div formatting*/

#Tabs_AppsAdmin   
{
float:right; 
font-size:12px; 
margin:0px;
}

/* Menu formatted as a horizontal unordered list */

#Tabs_AppsAdmin ul 
{
margin:0;
padding:5px 3px 5px 0px;
list-style:none;
}

/* Individual list menu elements*/ 
  
#Tabs_AppsAdmin li 
{
float:right;
margin:0;
padding:0 0 0 0px;
}

 /* Link element formatting/styling, each link has its own background image below*/
  
#Tabs_AppsAdmin a 
{
color: #444;
display: block;
float: left;
font: normal 12px verdana;
height: 24px;
margin-right: 2px;
padding-right: 18px;
text-decoration: none;
border: 1px solid #b6b8b9;
background-color: #e7e7e7;
}

#Tabs_AppsAdmin a:hover
{
color:#000000;
background-color: #d7d7d7;
}

/* Buy Credits button background image 2 of 2 */ 

#Tabs_AppsAdmin span.but_buycredits 
{
display: block;
padding: 5px 0px 5px 18px;
}

/* WLA button background image 2 of 2 */

#Tabs_AppsAdmin span.but_WLAdmin 
{
display: block;
padding: 5px 0px 5px 18px;
}

/* User admin button background image 2 of 2 */

#Tabs_AppsAdmin span.but_UserAdmin 
{
display: block;
padding: 5px 0px 5px 18px;
}

/* Account admin button background image 2 of 2 */

#Tabs_AppsAdmin span.but_AccountAdmin 
{
display: block;
padding: 5px 0px 5px 18px;
}

/* Hover link formatting for links 1 of 2 */

#Tabs_AppsAdmin a:hover 
{
background-position: bottom right;
color: #FFF;
outline: none;
}

/* Hover link formatting for links 2 of 2 */

#Tabs_AppsAdmin a:hover span 
{
color:#000000;
}

/* Styling to highlight current tab 1 of 2 */

#Tabs_AppsAdmin .Current a
{
color:#000000;
background-color: #d7d7d7;
}

/* Styling to highlight current tab 2 of 2 */

#Tabs_AppsAdmin .Current a span 
{
}

/*  Apps Left Menu Styles and Formatting */
/*---------------------------------------*/

/* Left menu section titles formatting/styling */
/* Image gradient referenced in Global*/

.SideMenu_LeftMenuTitle 
{
background-color: #AAAAAA; /*WL option*/
margin-left:0px;
padding-bottom:0px;
border-bottom: 1px solid #b6b8b9;
border-top: 1px solid #fff;
border-right:1px solid #fff;
height:18px;
padding: 4px 0px 0px 12px;
color: #ffffff;
width:181px;
}

/* Individual link styling */

.SideMenu_LeftMenuOption 
{
width:193px;
margin: 0px 0px 0px 0px;
padding-bottom:0px;
border-bottom: 1px solid #b6b8b9;
border-top: 1px solid #fff;
border-right:1px solid #fff;
background-color:#e7e7e7;
#float:left;
}

/* Individual link styling */

.SideMenu_LeftMenuOption a
{
width:173px;
padding:10px 10px;
font-size:12px;
text-decoration:none;
color:#000;
display:block;
margin-left:0px;
#float:left;
#display:inline-block; /*For IE7 */
#clear:both;
#width:192px; /*For IE7 */
}

/* Individual link hover styling */

.SideMenu_LeftMenuOption a:hover
{
width:173px;
font-size:12px;
text-decoration:none;
color:#000000;
padding: 10px 10px 10px 10px;
display:block;
#display:inline-block; /*For IE7 */
background-color: #DFE0DF; /*WL option*/
}

/* Styling for current page link  1 of 2 */

.SideMenu_LeftMenuOptionCurrent
{
width:173px;
padding: 10px 10px 10px 10px;
margin:0px 0px 0px 0px;
background-color:#DFE0DF;
border-top: solid 1px #fff;
border-bottom: solid 1px #AEAEAE;
color:#000000;
}

/* Styling for current page link  2 of 2 */

.SideMenu_LeftMenuOptionCurrent a
{
 text-decoration: none;
 color:#000000;
}

/* Styles and formatting for the main page content */
/*-----------------------------*/
/* see global.css for other styles*/

/* Containing div */ 
 
.Form_Layout 
{
background-color: #F2F1EC;
border: solid 1px #AEAEAE;
}

/* Title bar containing content containing title/help icon */ 
/* Image gradient referenced in Global*/
 
.Form_Layout .title
{
background-color: #757575; /*WL option*/
color: #FFFFFF; 
border-bottom: solid 1px #DDDDDD;
font-size: 12px;
}

/* Title bar if table used for layout */  

.Form_Layout td.title
{
border-bottom: solid 1px #DDDDDD;
font-size: 12px;
}

/* Formatting for input alignment */

.Form_Layout input.title  
{
margin:0px;
padding:0px;
display:inline;
vertical-align:middle;
}

/* Formatting for label alignment */

.Form_Layout label.title  
{
margin:0px;
padding:0px;
display:inline;
vertical-align:middle;
}

/* Formatting for span alignment */

.Form_Layout span.title  
{
margin:0px;
padding:0px;
}

/* Content text link formatting */

div.Form_Layout a:link {color:#CE3232; font-weight:bold;}
div.Form_Layout a:active {color:#CE3232; font-weight:bold;}
div.Form_Layout a:visited {color:#CE3232; font-weight:bold;}
div.Form_Layout a:hover {color:#CE3232; font-weight:bold;}

/* H3 coloured styling */

.Form_Layout H3, .Form_Layout H4

{
color:#ce3232;
border-bottom: solid 1px #ce3232;
}

/* Highlights specific text */ 

.Form_Layout .Highlight
{
color:#993f3f; 
font-weight:bold;
}

/* Highlight/bold specific elements - different to above */

.HighlightText

{
	font-weight:bold;
}


/* Global Grid View Formatting */
/*-----------------------------*/

/* Control styling */ 

.cGridView 
{
color: #333333;
border-top: solid 1px #AEAEAE;
border-bottom: solid 1px #FFFFFF;
border-left:  none;
border-right: none;
}

/* link styling */

.cGridView a:link
{
color:#666666;
}

/* Header styling */

.cGridView_HeaderStyle
{
 color:#666666;
 background-color:#ECEBDF;
 font-weight: bold;
}

/* Footer styling */

.cGridView_FooterStyle
{
 color:#FFFFFF;
 background-color:#CCCCCC;
 font-weight: bold;
}

/* Row styling 1 of 2 */

.cGridView_RowStyle
{
 color:#333333;
 background-color:#F7F6F3;
}

/* Row styling 2 of 2 */

.cGridView_AlternatingRowStyle
{
 color:#284775;
 background-color:#FFFFFF;
}

/* Paganation section styling */
/* Image gradient referenced in Global*/

.cGridView_PagerStyle
{
 color:#990033;
 background-color:#CCCCCC;
 font-weight: bold;
}

/* Paganation section link styling */

.cGridView_PagerStyle a:link {color:#990033;}
.cGridView_PagerStyle a:active {color:#990033;}
.cGridView_PagerStyle a:visited {color:#990033;}
.cGridView_PagerStyle a:hover {color:#990033;}

/* Global TextField Formatting */
/*-----------------------------*/

.Textboxformatting
{
    font-family: Verdana;
    font-size:12px;
}

/* Global content table colour formatting */
/* Image gradient referenced in Global*/
/*--------------------------------*/

.ContentLeftTableTopTR
{
    font-weight:bold;
    color:#FFFFFF;
    background-color: #505051;
}

.ContentLeftTableTDBlue
{
    background-color:#006699;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDBlueCol2
{
    background-color:#0091D7;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDBlueCol3
{
    background-color:#4AC5FF;
    font-weight:bold;
    color:#FFFFFF;
}

.ContentLeftTableTDGrey
{
    background-color:#CCCCCC;
    font-weight:bold;
    color:#FFFFFF;
}

/* Rounded CSS box formatting */
/*----------------------------*/

.LoginBox
{
    margin: 0 auto;
    width: 330px; 
    padding:40px;

}

.RoundedBox {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* width set individually*/
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

/*.RoundedBox .content,
.RoundedBox .t,
.RoundedBox .b,
.RoundedBox .b div {
 background:transparent url(../Images/WL_Acme/CurvedboxBG-800x1600.png) no-repeat top right;
 _background-image:url(CurvedboxBG-800x1600.png);
}*/

.RoundedBox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.RoundedBox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.RoundedBox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.RoundedBox .b,
.RoundedBox .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundedBox .b {
 background-position:bottom right;
}

.RoundedBox .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundedBox .hd,
.RoundedBox .bd,
.RoundedBox .ft {
 position:relative;
}

.RoundedBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.RoundedBox h1,
.RoundedBox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundedBox h1 {
 padding-bottom:0px;
}

/* Corperate Branding bar on login page */
/* See Global CSS file for formating declarations */

.CorporateBrandingBar
{
background-color:#F3F3EC; 
font: bold 18px verdana; 
border-bottom: solid 1px #CCCCCC; 
background: #F3F3EC url('../Images/WL_Acme/LoginBrandingBar.png') no-repeat;
}

/* Help Control Formatting */
/* Styles and formatting for the help popup */
/*-------------------------*/

/* Formatting for the help popup container div  */

.cHelp_Popup
{ 
background-color:#EDECE0;
background-image: url('../Images/WL_Acme/Help_Popup_BG.png');
background-position: bottom right;
border: solid 1px #ECC5C5;
color:#000080;
}

/* Formatting for the help popup header bar (inc close link, see URL styles below)  */

.cHelpHeader
{
background-color:#666666;
background-image: url('../Images/WL_Acme/Help_Popup_BarBG.png');
background-repeat:repeat-x;
border-bottom: #abc5de 1px solid;
color:#FFFFFF;
}

/* Layout formatting for the help popup content container inc scroll bar */

.cHelp_Content
{
color:#666666;
}

.cHelp_HelpIcon 
{
vertical-align:middle; 
float:left;
padding:2px 0px 0px 2px;
margin:0px;
display:block;
}

.cHelp_HelpTitle
{
vertical-align:middle; 
float:left;
padding:2px 0px 0px 2px;
margin:0px;
display:block;

}

/* Help POPUP URL Styles */
/*-----------------------*/

.cHelpHeader a.cHelpPopupLink {color:#FFFFFF;font-family:Arial Black; font-size:13px}
.cHelpHeader a.cHelpPopupLink:link	{color:#FFFFFF;}	
.cHelpHeader a.cHelpPopupLink:visited {color:#FFFFFF;}	
.cHelpHeader a.cHelpPopupLink:hover {color:#FF0000;}
.cHelpHeader a.cHelpPopupLink:active {color:#FF9900;}	

/* Page error formatting */

.Error
{
    color:#FF0000;
    font-weight:bold;
}

/* Percentage Bar Chart Formatting */

div.progress-container > div 
{
background-color: #ACE97C; 
}

/* Register page overrides */

p.RegDisc a, p.RegDisc a:hover
{
    color:#9f106f;
}