/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

/**************************************/
/*              HEADER                */
/**************************************/

/**************************************/
/*             NAVIGATION             */
/**************************************/


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1;
	text-align: center;
}

#contentWrapper
{
	margin: auto 10px; 	
}

#iconContainer img
{
	border-style: none;	
}

a,
a:visited
{
	color: #0000EE;
}
/**************************************/
/*        PRODUCT ASSOCIATION         */
/**************************************/
.associations-area
{
}

.association-dashboard-link
{
}

.products-area
{
	margin-top: 20px;
}

.product-panel
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;	
}

.product-association-container
{	
	width: 400px;
	height: 175px;
	border: solid 1px #CBCCAA;
	line-height: 12px;
}

.product-association-header
{	
	background: transparent url("../images/product_association_header_bg.gif") repeat-x;
	padding: 9px;
}

.product-association-title
{
	font-size: 11pt;
	font-weight: bold;
	margin-right: 10px;	
}

.product-association-body
{	
	position:relative;
	height: 130px;
}

.product-association-icon
{	
	width: 80px;
	padding: 5px;
}

.product-association-panel-container
{
	padding: 8px 5px 0px 0px;
}

.product-association-marketing
{
	margin-top: 10px;
}

.product-association-link
{
	font-size: 8pt;
	margin-right: 6px;
}

.product-association-actions
{
	position: absolute;
	bottom: 0px;
}

.product-association-actions-assign,
.product-association-actions-change,
.product-association-actions-remove
{		
	/*margin-left: 45px;
	#margin-left: 0px;*/
	cursor:pointer;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	overflow:visible;
	padding:1px 10px 2px;
	text-align:center;
	text-decoration:none;
	width:auto;
}

.product-association-actions-cancel
{
	margin-left: 10px;
}

.product-association-text
{		
}

.product-association-domain
{
	font-weight: bold;	
}

.product-association-associated-text
{
	font-size: 8pt;
	margin-right: 15px;
}

.product-association-select
{
	width: 288px;
	font-size: 8pt;
	margin-top: 5px;
	margin-bottom: 5px;
}

.product-association-panel
{	
	margin-bottom: 10px;	
}

.none
{	
}

.linked
{
	overflow: hidden;
	/* height: 60px; */
}

.select
{
}

.product-association-confirmation
{
	background-color: #FFFBCC;	
	/*overflow: hidden;
	height: 80px; */
}

.product-association-confirmation-icon
{	
	vertical-align: top;
	padding: 5px;
}

.product-association-confirmation-text
{	
	padding: 5px;
}

/**************************************/
/*               FOOTER               */
/**************************************/

/**************************************/
/*               ERROR PAGE           */
/**************************************/
.error-container
{
	width: 99%;
	padding: 5px;
}
		
.error-border
{
	border: solid 1px #000000;
}

.error-logout
{
	color: #000000; font:normal 9pt Arial; text-decoration: none;
}

.error-footer
{
	color: #6B6B6B; font:normal 9pt Arial; text-decoration: none;
}

.error-message
{
	font-family: arial,verdana,helvetica,tahoma,sans-serif;
	font-size: 10pt;
}

.error-link
{
	font-family: arial,verdana,helvetica,tahoma,sans-serif;
	font-size: 10pt;
}

div#ApplicationHeader1_titleImage
{
	visibility: hidden;
}
/**************************************/
/*         LOGGED OUT PAGE            */
/**************************************/
.clear-fix:after  {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

.logged-out-container {
    width: 420px;
    padding: 25px 40px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    margin: 150px auto 0 auto !important;
}

.logged-out-container h3 {
    text-align: center;
    font-size: 18px;
    font-family: Verdana;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: normal;
}

.logged-out-inner-container {
    background-image: url("../images/logout-dots.gif");
    background-repeat: repeat-x;
    background-position: top;
    width: 420px;
    padding: 15px 0;
}

.logged-out-exclamation {
    float: left;
    width: 64px;
    height: 69px; 
    background-image: url("../images/logged-out-icon.gif");
}

.logged-out-text {
    float: left;
    padding-left: 15px;
    font-family: Verdana;
}

.logged-out-text p {
    margin: 15px 0;
    color: #616161;
}

.logged-out-text p strong {
    color: #000000;
}

.logged-out-bottom-dots {
    background-image: url("../images/logout-dots.gif");
    background-repeat: repeat-x;
    background-position: top;
    height: 1px;
    width: 420px;
}

.logged-out-relogin-link 
{
	line-height: 20px;
}

/*Dashboard Welcome Page Styles -- Start -- */

.clear-fix:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}
	
.dashboard-container {
	background-image: url(../images/dashboard01-bg.gif);
	background-repeat: no-repeat;
	background-position:  3pt 50%;
	width: 860px;
	height: 342px;
	margin: 0 auto;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

.four-across 
{
	width: 864px;
	margin: 0 auto;
	padding-top: 65px;
}

.three-across {
	width: 648px;
	margin: 0 auto;
	padding-top: 65px;
}

.two-across {
	margin: 0 auto;
	padding-top: 65px;
	width: 432px;
}

.one-across {
	width: 216px;
	margin: 0 auto;
	padding-top: 65px;
}

.setup-container {
	float: left;
	width: 156px;
	margin:0px 30px 0px;
	text-align: center;
	display: inline;
} 

.image-button {
	width: 156px;
	height: 161px;
}

.wst-go {
	background-image: url(../images/main_wst_go.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.wst-add {
	background-image: url(../images/main_wst_add.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.qsc-go {
	background-image: url(../images/main_qsc_go.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;	
}

.qsc-add {
	background-image: url(../images/main_qsc_add.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.qbc-go {
	background-image: url(../images/main_qbc_go.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.qbc-add {
	background-image: url(../images/main_qbc_add.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.opf-go {
	background-image: url(../images/main_opf_go.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.opf-add {
	background-image: url(../images/main_opf_add.gif);
	background-repeat: no-repeat;
	width: 156px;
	height: 161px;
	text-indent: -999em;
	display: block;
}

.setup-info {
	background-image: url(../images/app-info-bg.gif);
	background-repeat: no-repeat;
	width: 146px;
	height: 65px;
	margin-top: 7px;
	padding: 5px 5px 0;
	overflow: hidden;
	position: relative;	
}

.assign-change-link {
	position: absolute;
	width: 157px;
	bottom: 6px;										/*--Changed 05-15-09--*/
	left: 0;
	text-align: center;
	font-size: 11px;									/*--Added 9-23-08--*/
}

/*Dashboard Welcome Page Styles -- End -- */

/*----------------------------------
		Top Dashboard Text
----------------------------------*/

.dash-text-container {
	width: 860px;
	background-image: url(../images/dash-text-bg.gif);
	background-repeat: repeat-y;
	background-position: 3pt 50%;
	margin: 0 auto;
	margin-bottom: 20px;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.dash-text-top {
	width: 860px;
	height: 9px;
	background-image: url(../images/dash-text-top.gif);
	background-repeat: no-repeat;
	background-position: 3pt 50%;
	font-size: 0px;
}
		
.dash-text-bottom {
	width: 860px;
	height: 9px;
	background-image: url(../images/dash-text-bottom.gif);
	background-repeat: no-repeat;
	background-position: 3pt 50%;
	font-size: 0px;
}

.dash-icon {
	background-image: url(../images/info-icon.gif);
	width: 43px;
	height: 38px;
	float: left;
	margin-top: 10px;
}

.dash-text-inner {
	padding: 0px 10px 5px 30px;
}

.dash-text {
	float: left;
	width: 720px;
	margin-left: 25px;
	text-align: left;
}

.dash-text h1 {
	font-size: 18px;
	padding: 0;
	margin: 0 0 5px 0;
}

.dash-text p {
	padding: 0;
	margin: 0;
	line-height: 16px;
}

/*--------------------------------
	Added for site builders page
--------------------------------*/

.site-builders-container {
	margin-left: 20px;
	text-align: left;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

.site-builders-container h1 {
	text-indent: -999em;
	background-image: url(../images/site_links.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 129px;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 0px;
}

.site-builders-container p {
	margin: 0;
	padding: 0;
}


/*-------------------------------------
			Main Box Styles
--------------------------------------*/

.blocks-container {
	height: auto !important;
	height: 1%;
	margin-top: 20px;
	width: 800px;
}

.main-block { /* Use this for any block that has a beige outline and a beige header */
    border: 1px solid #cccbac;
	background-color: #ffffff;
	position: relative;
}

.block-header {
    background-image: url(../images/block-header-bg.gif);
    background-repeat: repeat-x;
    height: 16px;
    border-bottom: 1px solid #cccbac;
    padding: 7px 10px 5px;
   
}

.block-header h2 {
	font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0;
	margin: 0;
}

.block-header img {
	vertical-align: top;
}

.setup-help {
	float: right; 
	vertical-align: middle;
}

.block-gradient {
    background-image: url(../images/block-gradient.gif);
    background-repeat: repeat-x;
    height: 4px;
	font-size: 1px;
}

.main-block-inner {
    padding: 6px 10px 10px 4px;
	position: relative;
	height: 151px;
}

.setup-block {
	width: 378px;
	height: 200px;
	/*margin: 0 20px 20px;*/
	margin: 0 20px 20px 0;
	float: left;
	display: inline;
}

.block-icon {
	float: left;
	width: 84px;
	height: 84px;
	line-height: 1px;
}

.site-builders-info {
	margin-left: 91px;
	margin-top: 4px;
	line-height: 17px;
	height: auto;
}

.site-builders-info h3 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.domain-assigned {
	font-size: 11px;
	margin-bottom: 10px !important;
}

.setup-info .domain-assigned {
	font-size: 11px;
	margin-top: 10px !important;
}

.dashboard-cross-sell
{
	font-size: 11px;		
}

.marketing-content {
	margin-top: 10px !important;
}

.learn-more {
	font-size: 11px;
	line-height: 10px;
}

.site-builders-info label {
	display: block;
}

.site-builders-info select {
	width: 270px;
	font-size: 11px;
}

.assign-container {
	text-align: center;
	#text-align: left;
	position: absolute;
	bottom: 10px;
	width: 283px;
	/* left: 0px;
	.left: 75px;*/
}

.refresh {
	font-size: 11px;
}

/*-------------------------------
		Button Styles 
--------------------------------*/

input.main-input-button {
    font-size: 11px;
    font-weight: bold;
    color: #7a4c01;
    background-image: url(../images/orange-button-bg.gif);
    background-repeat: repeat;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7d4802;
    padding: 1px 10px 2px;
    font-family: Verdana;
    width: auto;
    overflow: visible;
    cursor: pointer;
}

a.main-input-button,
a:link.main-input-button,
a:visited.main-input-button,
a:hover.main-input-button {
    font-size: 11px;
    font-weight: bold;
    color: #7a4c01;
    background-image: url(../images/orange-button-bg.gif);
    background-repeat: repeat;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7d4802;
    margin: 0 auto;
    padding: 2px 10px 3px;
    .padding: 2px 10px 2px;
    font-family: Verdana;
}

a.underline-always
{
	text-decoration: underline;	
}

.buttonlink2,
.buttonlink
{
	cursor: pointer;	
}

a.black-button,
a.black-button:link,
a.black-button:visited {
    font-family: verdana;
    background:transparent url(../images/black-button-bg.gif) no-repeat scroll 100% 0;
    color: #fff;
    display: block; /* Firefox 2 needs this, other browsers will ignore it */
    display: inline-block; /* This is for all other browsers */
    float: left; /* Firefox 2 needs this */
    height: 17px;
    outline: none;
    padding:0 9px 6px 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 1px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 1;
}

a.black-button span {
    background: transparent url(../images/black-button-bg.gif) no-repeat scroll 0 0;
    float:left;
    margin:0;
    padding: 5px 3px 6px 12px;
    cursor: pointer;
    display: block;
    margin-left: -1px;
}

a.black-button:hover {
    background-position:  100% -23px !important;
}

a.black-button:hover span {
    background-position:  0 -23px !important;
}

/*--IE6 Specific--*/
* html a.black-button,
* html a.black-button:link,
* html a.black-button:visited {
    padding-bottom: 0px;
    background:transparent url(../images/black-button-bg-ie6.gif) no-repeat scroll 100% 0;
    margin-left: 0px;
}

* html a.black-button span {
    background:transparent url(../images/black-button-bg-ie6.gif) no-repeat scroll 0 0;
    margin-left: 0px;
}

#contentWrapper a,
#contentWrapper a:link,
#contentWrapper a:visited {
        color: #0000ee;
        text-decoration: underline;
}

#contentWrapper a:hover {
        text-decoration: none;
}

/*-------------------------------------
			End Main Box Styles
--------------------------------------*/


table.center 
{
	margin-left:auto; margin-right:auto;
}


/*-------------------------------------
	BEGIN Modal Assign Popin Styles
--------------------------------------*/

#modal-assign-overlay {
  background-color:#000;
  cursor:wait;
}

#modal-assign-container {
  width:400px;
  height:150px;		  
  background-color:#fff;
  border:3px solid #000;
}		

.modal-assign-left
{
	float: left;
	width: 90px;			
}

.modal-assign-right
{
	float: left;
	width: 310px;
	text-align: left;			
}

.modal-assign-product-label
{
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.modal-assign-select
{
	margin-top: 5px;
	width: 300px;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
}

.modal-assign-actions
{
	text-align: center; 
	width: 300px;
	padding-top: 50px;
}

.modal-assign-actions a, 
.modal-assign-actions a:link, 
.modal-assign-actions a:visited
{
	color: #0000EE;
	text-decoration: underline;
}

.modal-assign-actions a:hover
{
	text-decoration: none;
}
/*-------------------------------------
	END Modal Assign Popin Styles
--------------------------------------*/

/*-------------------------------------
	BEGIN Modal Apply Template Confirmation Popin Styles
--------------------------------------*/

#modal-apply-template-confirm-overlay {
  background-color:#000;
  cursor:wait;
}

#modal-apply-template-confirm-container {
  width:391px;
  height:182px;		  
  background-color:#fff;
  border:2px solid #A1A1A1;
}		

.modal-apply-template-confirm-left,
.modal-apply-template-confirm-right
{
	float: left;
	padding-top: 25px;
	height: 104px;
}

.modal-apply-template-confirm-left
{
	width: 90px;	
}

.modal-apply-template-confirm-right
{
	padding: 25px 10px 0px 15px;
	width: 275px;
	text-align: left;
	line-height: 1.3;
}

.modal-apply-template-confirm-icon
{
	width: 76px;
	height: 67px;
	background-image: url(../images/icon_alert_yellow_large.png);
	margin-left: 10px;
}

.modal-apply-template-confirm-label
{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	background-color: #F4FFD5;
	border-bottom: solid 1px #A1A1A1;
	line-height: 2;
	padding-left: 5px;
}

.modal-apply-template-confirm-actions
{
	clear: both;
	text-align: center; 
	width: 141px;
	background-color: #E4E4E4;	
	border-top: solid 1px #A1A1A1;
	height: 24px;
	padding: 3px 0px 0px 250px;
}

/*-------------------------------------
	END Modal Apply Template Confirmation Popin Styles
--------------------------------------*/