﻿/* Register page Layout */

#Container
{
	width:960px;
	margin: 10px auto 0px auto;
	font-family: Verdana;
}

.LogoContainer
{
	float:left;
	margin-bottom:5px;
}

.RegContainer
{
    margin-bottom:20px;
    margin-top:20px;
}

.Registered 
{
    margin-top:20px;
    margin-left:10px;
}

.RegFormContainer
{
    margin: 0 auto; 
    width:537px;
    _margin-right:5px; /* IE6 Hack */
    _margin-left:5px; /* IE6 Hack */
}

p.Registered
{
    font-size:11px;
	font-family: Verdana;
	margin-left:15px;
	margin-bottom:200px;
}
/***** Menus ********/

/*========== Top Sub Menu ==========*/

.TopSubMenuContainer
{
font-family:Verdana; 
font-size:14px; 
float:right;
}

.TopSubMenu
{
float:right; 
margin:5px 40px 0px 0px;
}

.TopSubMenu a

{
color:#107090;
text-decoration:none;
margin-right:7px;
}

.TopSubMenu a.active

{
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.TopSubMenu a:hover

{
text-decoration:underline;
}

/*========== Top Sub Menu End ==========*/



/*========== Main Nav Menu ==========*/

#MenuContainer
{
    width:100%;
    margin: 0px auto 10px auto;
    height:38px;
    
}

#Menu 
{
    width:100%;
    margin: 0 auto;
    height:38px;
    float:left;
    background-image: url('../Images/WL_Textanywhere/Register/NavBar_BG.png');
    background-repeat:repeat-x;
}

.MenuItem
{
    height:38px;
    font-family:Verdana;
    font-size:12px;
    padding:0px; 
    float:left; 
    color:#ffffff;
    text-shadow: 1px 1px 1px #7a7a7a; 
}

#Menu a:hover
{
    display:block;
    padding:12px 8px 14px 8px;
    text-decoration: none;
    text-align:center;
    background-image: url('../Images/WL_Textanywhere/Register/NavBar_BG_Over.png');
    background-repeat:repeat-x;
    font-weight: normal;
}


#Menu a.active
{
    display:block;
    padding:12px 8px 14px 8px;
    text-decoration: none;
    text-align:center;
    background-image: url('../Images/WL_Textanywhere/Register/NavBar_BG_Over.png');
    background-repeat:repeat-x;
    /*font-weight:bold;*/
}

#Menu a
{
    display:block;
    padding:12px 8px 14px 8px;
    text-decoration: none;
    text-align:center;
    color:#FFFFFF;
}

#Menu .Demo 
{
     background-image:none;
     color:#FFF200;
}

#Menu .OpenAccount 
{
     color:#adf6ff;
}

#Menu .ClientLogin 
{
     color:#FFF200;
}

#Menu .FreeTrial
{
	color:#a1ff00
}

.MenuSeparator
{
    width:2px; 
    float:left
}

.MenuCorners 
{
    width:5px; 
    float:left;
}

/*========== Main Nav Menu Ends ==========*/

/***** Menus End ********/

/**************Sub Menu**********************/
 
 .SubMenu
 {
	height:188px;
	padding:0px 5px 0px 0px;
	margin:0px 0px 20px 0px;
	background:#e4e7ec url('../Images/WL_Textanywhere/Register/Product_SubMenu_BG.png') no-repeat;
 }
 

 .SubMenu H1
{
    font-size:1.4em;
    font-style:normal;
    font-variant:normal;
    padding: 10px 0px 0px 0px;
    margin:0px;
}

.navlist
{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
}

.navlist li
{
	display: inline;
	list-style-type: none;
	float:left;
	margin: 0px 3px 0px 4px;
	padding: 0px 0px 0px 0px !important;
}


.Title
{
	margin:0px 0px 0px 12px;
	font-weight: bold;
	font-size: 25px;
	/*letter-spacing: 2px;*/
}

.Para
{
	margin-left:10px;
	margin-top:10px;
	height:107px;
	*height:100px; /* IE7 Hack */
	color:#575757;
}

.Para p
{
	margin:0px 0px 0px 3px;
}

.TitleTEXT
{
	color:#9f106f;
}

.TitleMisc
{
	color:#269a51;
}

.TitleTO
{
	color:#772cad
}

.TitleTC
{
	color:#117191
}

.TitleTP
{
	color:#568F5E
}

.TitleTE
{
	color:#E3823E
}

.TitleTI
{
	color:#8EC530
}

.TitleTA
{
	color:#EC5B5B
}

.TitleDT
{
	color:#696937
}

.TitleWL
{
	color:#838280
}
/**************Sub Menu End **********************/

table.Register td
{
    padding: 5px 0px;
    font-size:12px;
}

table.Register td.Underline
{
    color:#898989;
    border-bottom: 1px solid #abadb3;
}

table.Register td.UnderlineRight
{
    color:#898989;
    border-bottom: 1px solid #abadb3;
    text-align:right;
}

table.Register td.FirstCell
{
    padding-top:18px;
    width:233px;
    *width:auto; /* IE7 Hack */

}

table.Register td.AltFirstCell
{
    width:233px;
}

table.Register td.FirstCellNoPad
{
    padding-top:0px;
    width:233px;
}

table.Register td.FirstCellNoPadNoWidth
{
    padding-top:0px;
    width: auto;
}

table.Register input
{
    width:298px;
    border: 1px solid #abadb3;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

table.Register input.withhelp 
{
    width:284px;
    border: 1px solid #abadb3;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

table.Register .cb input
{
    width:15px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:12px;
    border: none;
}

table.Register select
{
    width:300px;
    border: 1px solid #abadb3;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

table.Register select.withhelp
{
    width:286px;
    border: 1px solid #abadb3;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/*========== Footer  ==========*/

.Footer
{
	height:200px; 
	width:100%;
	background-color:#191814;
	background-repeat:repeat-x; 
	color:#ffffff; 
	font-size:16px;
	margin-top:10px;
	font-family:verdana;
}

.FooterSections
{
	float:left; 
	width:320px; 
	margin:20px 0px 20px 0px;
}

.Footer h1
{
	font-weight:bold;
	margin-bottom:15px;
	font-size:16px;
}

.FooterCopyright
{
	text-align:center; 
	margin:0px 2% 0px 2%; 
	clear:both;
	font-size:13px;
}

.Footer a
{
	color:#888987;
	text-decoration: none;
	font-size:13px;
}

.Footer a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
	font-size:13px;
}
.Footer p
{
	margin:6px 0px;
	font-size:13px;
}

.MachineName
{
	color:#2b2922;
}

/*========== Footer End  ==========*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a.Reg_Button { background:url(../Images/Reg_But_Right.png) no-repeat top right; display: block; float: left; height: 36px; margin-top:20px; padding-right: 25px; font-weight:bold; text-decoration: none; font-size:16px !important;  }
 
a.Reg_Button span { background:url(../Images/Reg_But_Left.png) no-repeat; display: block; line-height: 36px; padding: 0 0 0 25px; color: #fff; }
 
a.Reg_Button:hover span { background-position: 0 -36px; color: #fff; text-decoration: none !important; }
 
a.Reg_Button:hover { background-position: right -36px; text-decoration: none !important; }

p.RegDisc
{
    font-size:10px;
    color:#9f106f;
    margin-top:10px;
}

p.RegDisc a
{
    font-size:10px;
    color:#9f106f;
    text-decoration:none;
}

p.RegDisc a:hover
{
    font-size:10px;
    color:#9f106f;
    text-decoration: underline;
}

p.RegDisc input
{
    width: auto;
}


td.MessageBox
{
    padding:5px 5px 5px 5px;
    margin:0px;
    font-size:11px;
    vertical-align:middle;
}

.ErrorBox
{
    margin:10px;
    border:1px solid red;
}

/* 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_Textanywhere/Help_Popup_BG.png');
background-position: bottom right;
border: solid 1px #9ab6cb;
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_Textanywhere/Help_Popup_BarBG.png');
background-repeat:repeat-x;
border-bottom: #9ab6cb 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;
}

/* Help Control Formatting */
/* Styles and formatting for the help popup */
/*-------------------------*/

/* Formatting for the help popup container div  */

.cHelp_Popup
{ 
position:  absolute;
display: block; /* To stop Opera breaking position of the popup */
visibility: hidden; 
width: 350px; 
z-index: 150;
font-weight:normal;
top: 1px;
left:20px;
line-height:normal;
font-size:11px;
}

/* Formatting for the help popup header bar (inc close link, see URL styles below)  */

.cHelpHeader
{
font-size: 11px;
padding:0px 3px 0px 1px;
text-align: right;
margin: 0px;
}

/* Layout formatting for the help popup content container inc scroll bar */

.cHelp_Content
{
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
overflow: auto;
max-height:250px
}


/* Help POPUP URL Styles */
/*-----------------------*/

.cHelpPopupLink {font-size:11px;}
.cHelpPopupLink:link	{text-decoration: none;}	
.cHelpPopupLink:visited {text-decoration:none;}	
.cHelpPopupLink:active {text-decoration:none;}	
.cHelpPopupLink:hover {text-decoration:none;}

/* Login page Styles */
/*-----------------------*/

/* Rounded CSS box formatting */
/*----------------------------*/

.LoginBox
{
 width:344px; 
 padding:0px 40px 0px 10px;
}

.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_TextAnywhere/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;
}

/* Login Control Formatting */
/* Formatting the login control and the elements contained therein, see WL specific CSS for styles */
/* For the rounded box see WL CSS, below is only applicable to login control elements */
/*--------------------------*/

/* Containing Div*/

.cLogin 
{
width: 322px;
font-size: 12px;
color: #333;
padding:0px 0px 0px 0px;
margin:0px;
position:relative;
}

.cLogin input
{
 border: 1px solid #abadb3;
}

.cLogin input[type="checkbox"]
{
     border:none;
}


/* Titles formatting for login and content sections*/

.cLogin .titles, .cLoginContentBox .titles  
{
padding: 5px 0px 5px 0px;
font-weight:bold;
color: #333333;
margin-left:0px;
font-size:15px; 
}

/* Formatting used to divide form into sections */

.cLogin fieldset 
{
border: none;
padding: 0px 6px 10px 0px; 
margin: 0px;
}

.cLogin  fieldset.sub
{
border: none;
padding: 5px 6px 10px 0px; 
margin: 0px 0px 0px 100px;
}

/* Formatting for form sub elements */
/* OL and LI used to vertically list each from element.  Label formatted using min-width to lineup following form elements */

.cLogin fieldset ol 
{
margin: 0px;
padding: 0px 0px 1px 0px;
}

.cLogin fieldset li 
{
padding: 2px 0px 2px 0px;
/*background: url(../Images/ControlDivider.png) left bottom repeat-x;*/
list-style: none;
margin: 1px 0px 5px 0px;
/*padding-bottom:10px;*/
}

.cLogin span.Label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
color: #333333;
min-width:100px;
_width: 100px; /* IE6 hack */
}

.cLogin .rme, .cLogin .btn_Login
{
    margin-left:95px;
}

.cLogin .rme
{
    margin-left:97px;
}

.cLoginLinks
{
float:left; 
padding:0px; 
margin-top:3px; 
margin-bottom:30px
}


/* Containing Div for WL text content on login page*/

.cLoginContentBox 
{
width:560px;
font-size: 12px;
color: #333;
padding:0px;
margin:0px;
position:relative;
background: url(../Images/LoginContentBoxBG.png) left top repeat-x;
}

/* --------------------------------- */

a.Login_Button { background:url(../Images/WL_Textanywhere/Register/Reg_But_Right.png) no-repeat top right; display: block; float: left; height: 36px; margin-top:20px; margin-left:100px; _margin-left:50px; /* IE6 hack */ margin-right: 20px; padding-right: 25px; font-weight:bold; text-decoration: none; font-size:16px !important}
 
a.Login_Button span { background:url(../Images/WL_Textanywhere/Register/Reg_But_Left.png) no-repeat; display: block; line-height: 36px; padding: 0 0 0 25px; color: #fff; }
 
a.Login_Button:hover span { background-position: 0 -36px; color: #fff; text-decoration: none !important;}
 
a.Login_Button:hover { background-position: right -36px; text-decoration: none !important;}


a.SubLink, .cLogin a
{
    font-size:12px;
    color:#9f106f;
    text-decoration:none;
}

a.SubLink:hover, .cLogin a:hover
{
    font-size:12px;
    color:#9f106f;
    text-decoration: underline;
}

/*========== HomePage  ==========*/

.HPAppDescBox
{
margin:0px 53px 20px 0px; 
float:left; 
width:151px;
font-size:12px;
line-height:15px;
}

.HPAppDescBox H1.Title, .HPAppDescBoxHeader H1.Title
{
font-size:16px;
margin-left: 40px;
color:#3183b2;
font-weight:normal;
}

.HPAppDescBox H1.Title a
{
	font-size:16px;
	color:inherit;
}

.HPAppDescBox a
{
	margin:0px 0px 15px 0px;
	color:#107090;
}

.HPAppDescBox a:link
{
font-size:12px;
text-decoration: none;
}

.HPAppDescBox a:hover
{
font-size:12px;
text-decoration: underline;
}

.HPAppDescBox H1.SubTitle
{
font-size:16px;
margin-bottom:5px;
}

.HPAppDescBox H1.SubTitle a
{
color:inherit;
font-size:16px;
}

.HPAppDescBox p
{
font-size:19px;
margin-left:40px;
}

.HPAppDescBox a:link
{
font-size:12px;
}


.TO
{
	color:#772cad !important;
}

.TO, .TO a, .TO a:link, .TO a:visted
{
	#color:#772cad !important;
}

.TC
{
	color:#107090 !important;
}

.TC, .TC a, .TC a:link, .TC a:visted
{
	#color:#107090 !important;
}

.TE
{
	color:#e2803b !important;
}

.TE, .TE a, .TE a:link, .TE a:visted
{
	#color:#e2803b !important;
}

.TA
{
	color:#cc0001 !important;
}

.TA, .TA a, .TA a:link, .TA a:visted
{
	#color:#cc0001 !important;
}

.TP
{
	color:#538d5b !important;
}

.TP, .TP a, .TP a:link, .TP a:visted
{
	#color:#538d5b !important;
}

.TI
{
	color:#8cc42c !important;
}

.TI, .TI a, .TI a:link, .TI a:visted
{
	#color:#8cc42c !important;
}

.DT
{
	color:#696937 !important;
}

.DT, .DT a, .DT a:link, .DT a:visted
{
	#color:#696937 !important;
}

.PT
{
	color:#7b7b7b !important;
}

.PT, .PT a, .PT a:link, .PT a:visted
{
	#color:#7b7b7b !important;
}

.HCWHBox {
    color: #990066;
    float: left;
    margin-top: 6px;
    font-size: 12px;
    #margin-left:120px;
}
