/*-----------------------------------------------------------------------------------------------*/
/*                                           CLIENT WEB PRO                                      */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                         CSS RESET (MODIFIED VERSION OF YAHOO UI CSS RESET)                    */
/*-----------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin: 0;padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
img {border: none; text-decoration: none;}
*:focus {outline: none;}

/*-----------------------------------------------------------------------------------------------*/
/*                                             FONTS                                             */
/*-----------------------------------------------------------------------------------------------*/

body{font:13px/1.5 Arial, Helvetica, sans-serif}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:1.6em; font-weight: bold; color: #0091c7;}
h2{font-size:1.4em; font-weight: bold;}
h3{font-size:1.2em; font-weight: bold;}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-size:1em}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:15px}
h1,h2,h3,h4,h5,h6 {margin-bottom:5px}

a {text-decoration: none; color: inherit; font-size: inherit;}
a:hover {text-decoration: underline; color: inherit;}

/*-----------------------------------------------------------------------------------------------*/
/*                                           CLASSES                                             */
/*-----------------------------------------------------------------------------------------------*/

.clear {clear: both; height: 0px; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px;}



body {background:url(../../images/marketing/bg.png) repeat-x top;}

#wrapper {width: 960px; margin: auto;}

	#header {height: 154px; background: transparent url(../../images/marketing/header.png) no-repeat;}
		#header #home-link {width: 350px; height: 154px; float: left; text-indent: -5000px;}
		#header #header-menu {width: 350px; height: 94px; color: #FFF; padding: 60px 0 0 0; float: right; text-align: right;}
			#header #header-menu a {margin: 0 5px;}
				#header #header-menu a:hover {color: #FF9900; text-decoration: none;}
			#header #header-menu h3 {color: #FF9900; margin: 5px 0; padding-right: 45px}
		#header #helpbox {float: right; margin: 0 -15px 0 0;}

launch-link {width: 210px; float: right; text-align: center; padding-top: 35px; font-size: .8em; font-weight: bold;}
	.launch-link p {margin: 10px 0 0 0;}
		
	#menu {
		height: 30px; 
		background: transparent url(../../images/marketing/menubg.jpg); 
		line-height: 30px; 
		color: #FFF; 
		text-align: right; 
		padding: 0 15px; 
		font-size: 1.2em;}
		
		#menu a {margin: 0 10px;}
			#menu a:hover {color: #FF9900; text-decoration: none;}
			
	#main {background: #FFF; overflow: hidden; padding-bottom: 20px;}
		#main-top {margin-bottom: 15px;}
		
		#content {margin: 5px 40px; overflow: hidden;}
	
	#footer {text-align: center; color: #333; font-size: .9em; padding: 10px 0;}
		#footer a {text-decoration: underline;}
		#footer a:hover {color: #FFF}

/*-----------------------------------------------------------------------------------------------*/
/*                                           FORMS                                               */
/*-----------------------------------------------------------------------------------------------*/

.formDiv {width: 550px; overflow: hidden; margin-bottom: 10px; color: #585858;}
	.formDiv label {
		display: block; 
		width: 170px; 
		height: 35px; 
		color: #8f8f8f; 
		font-weight: bold; 
		font-size: .8em;
		line-height: 1.4em;
		text-align: right; 
		float: left;
		margin-right: 10px;}
		
		.formDiv label span {display: block; color: #333333; font-size: 1.4em;}
		
	.formDiv input.inputStyle {width: 276px; height: 17px; float: left; padding: 6px; border: solid 1px #b7b7b7;}
	.formDiv input.inputStyle1 {width: 195px; height: 17px; float: left; padding: 6px; border: solid 1px #b7b7b7;}

		.formDiv select.inputStyle {width: 289px;float: left; padding: 6px; border: solid 1px #b7b7b7;}
	.formDiv .textareaStyle {width: 276px; height: 100px; float: left; padding: 6px; border: solid 1px #b7b7b7;}

	

	.formDiv div.form_error {display: block; padding-left: 30px; font-size: 1.0em; color: #FF0000; text-align: left; padding-left: 180px;}

	#error_for_termsServices {display: block; font-size: 1.0em; color: #FF0000; text-align: left; }

	.domainSelect input.inputStyle {width: 200px;}
	.domainSelect select.inputStyle {width: 76px;}
	
	.domainSearch input.inputStyle {width: 200px;}
	.domainSearch input.buttonStyle {width: 76px; height: 30px;}
	
	.emailSelect {width: 600px;}
	.emailSelect input.emailDomain {width: 116px; text-align: right; border-right: none; padding-right: 0;}
	.emailSelect input.emailDomainExt {width: 160px; text-align: left; background: #FFF; padding-left: 0; border-left: none;}
	
	.expirationDate select.inputStyle {width: 100px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                   COLORBOX POPUP STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../../images/marketing/colorbox-images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../../images/marketing/colorbox-images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../../images/marketing/colorbox-images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../../images/marketing/colorbox-images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../../images/marketing/colorbox-images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../../images/marketing/colorbox-images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../../images/marketing/colorbox-images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../../images/marketing/colorbox-images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../../images/marketing/colorbox-images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/marketing/colorbox-images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*-----------------------------------------------------------------------------------------------*/
/*                                 OLD STYLES TO BE PHASED OUT                                   */
/*-----------------------------------------------------------------------------------------------*/



b, strong {
	font-weight : bold;
}

a.navText:link {
	font-family : Arial, Helvetica, Veranda, sans-serif;
	COLOR : #513723;
	FONT-SIZE : 10pt;
	TEXT-DECORATION : none;
}
a.navText:hover {
	font-family : Arial, Helvetica, Veranda, sans-serif;
	COLOR : #F39004;
	FONT-SIZE : 10pt;
	TEXT-DECORATION : none;
}
a.navText:visited {
	font-family : Arial, Helvetica, Veranda, sans-serif;
	COLOR : #513723;
	FONT-SIZE : 10pt;
	TEXT-DECORATION : none;
}
.textWhite2 {
	COLOR : #ffffff;
	padding-left: 30px;
}
.textWhite3 {
	COLOR : #ffffff;
}
.error {
	padding-top: 15px;
	COLOR : #990000;
}
.textBlack {
	COLOR : #000000;
}
.textGrey {
	COLOR : #595959;
}
.textRed {
	COLOR : #cc0000;
}
.textBlue {
	COLOR : #32408D;
}
.textTeal {
	COLOR : #329ACF;
}
.textMaroon {
	COLOR : #420C1C;
}
.textGreen {
	COLOR : #006600;
}
.textWhite {
	COLOR : #ffffff;
}
.textOrange {
	COLOR : #ff9900;
}
.text8white {
	FONT-SIZE : 8pt;
	COLOR : #ffffff;
}
.text8red {
	FONT-SIZE : 8pt;
	COLOR : #cc0000;
}
.text6 {
	FONT-SIZE : 6pt;
}
.text8 {
	FONT-SIZE : 8pt;
}
.text9 {
	FONT-SIZE : 9pt;
}
.text10 {
	FONT-SIZE : 10pt;
}
.text12 {
	FONT-SIZE : 12pt;
}
.text14 {
	FONT-SIZE : 14pt;
}
.text16 {
	FONT-SIZE : 16pt;
}
.copyright {
	FONT-SIZE : 8pt;
	COLOR : #ffffff;
	line-height : 180%;
}
.titleText {
	COLOR : #000000;
	font-family : Arial, Helvetica, Veranda, sans-serif;
	FONT-SIZE : 14pt;
	line-height : 120%;
	TEXT-DECORATION : none;
}
.menuTextBlue {
	font-family : Arial, Helvetica, Veranda, sans-serif;
	FONT-SIZE : 10pt;
	COLOR : #FFFFFF;
	font-weight : bold;
	background-color : #336699;
}
.menuTextBlueSmall {
	font-family : Arial, Helvetica, Veranda, sans-serif;
	FONT-SIZE : 8pt;
	COLOR : #FFFFFF;
	font-weight : bold;
	background-color : #336699;
}
.boxBorder {
	border-top: 1px solid #C6C3C6;
	border-left: 1px solid #C6C3C6;
	border-right: 1px solid #C6C3C6;
	border-bottom: 1px solid #C6C3C6;
}
.rightBorder {
	border-right: 1px solid #C6C3C6;
}
.leftBorder {
	border-left: 1px solid #C6C3C6;
}
.LowerleftBorder {
	border-bottom: 1px solid #C6C3C6;
	border-left: 1px solid #C6C3C6;
}
.lowerRightBorder {
	border-bottom: 1px solid #C6C3C6;
	border-right: 1px solid #C6C3C6;
}
.lowerLeftRightBorder {
	border-bottom: 1px solid #C6C3C6;
	border-left: 1px solid #C6C3C6;
	border-right: 1px solid #C6C3C6;
}
.upperLeftRightBorder {
	border-left: 1px solid #C6C3C6;
	border-right: 1px solid #C6C3C6;
}
.bottomBorder {
	border-bottom: 1px solid #C6C3C6;
}
.topBorder {
	border-top: 1px solid #C6C3C6;
}
.titleteal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bolder;
	color: #329ACF;
	text-decoration: none;
	line-height: 140%;
}
.bluetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #049ACC;
	font-weight: bold;
}
.browntitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #663300;
}
.bluetext8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #049ACC;
	text-decoration: none;
}
.bluetext10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #049ACC;
	text-decoration: none;
}
.bluetext12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;
}
.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #0099CC;
	text-decoration: none;
	line-height: 24px;
}
.orangetext12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FF9900;
}
.orangetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	color: #fb9502;
	line-height: 20pt;
}
.orangtext {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-weight: bold;
}
.nounderline {
	text-decoration: none;
}
.navbox {
	border-top-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-width: medium;
	border-bottom-color: #999999;
}


.editbtn {
background-image: url(../../images/marketing/btn-active-bg.png);
display: block; 
width: 140px; 
height: 30px; 
line-height: 30px;
color: #FFF;
text-decoration: none;
text-align: center;
border: solid 1px #959595;
background-repeat: repeat-x;
margin-left:170px;
margin-top:-32px;
}
.prebtn {
background-image: url(../../images/marketing/btn-inactive-bg.png);
display: block; 
width: 140px; 
height: 30px; 
line-height: 30px;
color: #FFF;
text-decoration: none;
text-align: center;
border: solid 1px #959595;
background-repeat: repeat-x;
}
.launchbtn {
background-image: url(../../images/marketing/btn-active-bg.png);
display: block; 
width: 140px; 
height: 30px; 
line-height: 30px;
color: #FFF;
text-decoration: none;
text-align: center;
border: solid 1px #959595;
background-repeat: repeat-x;
margin-left:330px;
margin-top:-32px;
}

.activebtn {
background-image: url(../../images/marketing/btn-inactive-bg.png);
display: block; 
width: 100px; 
height: 30px; 
color: #FFF;
text-decoration: none;
text-align: center;
border: solid 1px #959595;
background-repeat: repeat-x;
}

.theprevbtn {
background-image: url(../../images/marketing/btn-active-bg.png);
display: block; 
width: 100px; 
height: 30px; 
color: #FFF;
text-decoration: none;
text-align: center;
border: solid 1px #959595;
background-repeat: repeat-x;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                       SIGNUP PROCESS                                          */
/*-----------------------------------------------------------------------------------------------*/	

.get-started {
	border-bottom: solid 1px #e9e5e6;
	background: transparent url(../../images/marketing/theme-selection-bg.png) repeat-x bottom;}
	
	.process-btn {text-align: center; margin: 25px 0;}
	
	.verify-info {margin: 15px; padding: 10px; float: left;}
		.verify-info ul {color: #333333; font-size: 1.2em; font-weight: bold; list-style: none; margin: 0px; padding: 0px;}
		.verify-info ul li {margin: 0px; padding: 0px;}
		
		a.edit {color: #ff9934; font-weight: bold; font-size: 1.2em;}
		
.theme-selection {
	padding: 10px;
	overflow: hidden;
	width: 270px;
	float: left;
	margin: 15px 0px 15px 0px;}
	
	.theme-selection .preview {position: relative; width: 270px; float: left; margin-right: 10px;}
		.theme-selection img {
			position: relative;
			z-index: 2;
			border: solid 1px #cacaca; 
			float: left;}
		.theme-selection ul {
			position: absolute;
			right: 0px;}
			.theme-selection ul li {
				cursor: pointer;
				position: relative;
				z-index: 1;
				width: 112px;
				display: block; 
				border: solid 1px #cacaca; 
				padding: 3px 5px 3px 18px; 
				border-bottom: none;}
			.theme-selection ul li.last {border-bottom: solid 1px #cacaca;}
				.theme-selection ul li:hover, .theme-selection ul li.active {background: #f8f8f8; z-index: 500;}
	
	.theme-selection .info {width: 240px; float: right;}
	
	#content .theme-selection h3, #content .theme-selection p {border: none; color: #7b7b7b;}
		#content .theme-selection h3 {margin-bottom: 5px;}
		#content .theme-selection p {}
		
		#content .theme-selection a.activate-theme {
			display: block; 
			width: 140px; 
			height: 30px; 
			line-height: 30px;
			color: #FFF;
			text-decoration: none;
			text-align: center;
			border: solid 1px #959595;
			background-repeat: repeat-x;}
			#middle #content div.theme-selection div.info a.activate-theme:hover {color: #FFF !important; border: solid 1px #BFBFBF;}
			
			#content .theme-selection a.active {background-image: url(../../images/marketing/btn-active-bg.png);}
			#content .theme-selection a.inactive {background-image: url(../../images/marketing/btn-inactive-bg.png);}
	

.errordom{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF2D2D;
}
.succdom{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#009F00;
}