/* start tag based selectors */
html, body
{
	margin:0px;
	padding:0px;
}

body
{	
	background-image:url(/verafirma/cobrands/base/img/background_gradient_blue.png);
}

body, td, tr, table, input, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}

iframe
{
    display:none;
}
/* end tag based selectors */

/* start id based selectors */
#layout-table
{
	margin:0px auto;
	width:900px;
}

#login-container
{
	text-align:right;
	padding:10px;
}

#content-container
{
	padding:10px;
	min-height:400px;
	_height:400px;
}

#homepage-left-stack-container
{
	width:433px;
	float:left;
	margin-bottom:10px;
}

#homepage-left-stack-quick-send-form-container
{
	border:1px solid #bd2729;
	padding:5px;
	background-color:#ffffff;
	min-height:400px;
	_height:400px;
}

#homepage-left-stack-quick-send-form-step1-container
{
	display:block;
}

#homepage-left-stack-quick-send-form-step2-container
{
	display:none;
}

#homepage-left-stack-quick-send-form-step3-container
{
	display:none;
}

#homepage-right-stack-container
{
	width:433px;
	float:right;
}

#homepage-right-stack-register-container
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;	
}

#homepage-right-stack-status-container
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;	
}

#homepage-right-stack-quick-track-form-container
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;	
}

#advanced-send-form-step1-container
{
	display:block;
}

#advanced-send-form-step2-container
{
	display:none;
}

#advanced-send-form-step3-container
{
	display:none;
}

#advanced-send-form-container
{
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#FFFFFF;
	min-height:400px;
	_height:400px;
}

#advanced-send-form-left-stack-container
{
	width:433px;
	float:left;
}

#advanced-send-form-right-stack-container
{
	width:410px;
	padding:5px;
	float:right;
}

#advanced-send-form-cc-container
{
	display:none;
}

#advanced-send-form-password-protect-option-section
{
	display:none;
}

#advanced-send-form-signing-template-option-section
{
	display:none;
}

#advanced-send-form-due-date-option-section
{
	display:none;
}

#advanced-send-form-ceremony-option-section
{
	display:none;
}

#create-signature-account-step1-container
{
	display:block;
}

#create-signature-account-step2-container
{
	display:none;
}

#create-signature-account-step3-container
{
	display:none;
}

#create-signature-account-container
{
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#FFFFFF;
	min-height:400px;
	_height:400px;
}

#create-signature-account-left-stack-container
{
	width:433px;
	float:left;
}

#create-signature-account-right-stack-container
{
	width:410px;
	padding:5px;
	float:right;
}


#view-content-top
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;
}

#view-content-document
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;
}

#view-content-left
{
	width:506px;
	float:left;
	border:1px solid #bd2729;
	padding:5px;
	background-color:#ffffff;
}

#view-content-right
{
	width:340px;
	float:right;
}	

#view-step1-container
{
	display:none;
}

#view-step2-container
{
	display:none;
}

#sign-content-document
{
	width:506px;
	float:left;
	margin-bottom:10px;
}
	
#sign-content-msg
{
	width:350px;
	float:right;
	margin-bottom:10px;
}	

#reject-content-document
{
	width:506px;
	float:left;
}
	
#reject-content-msg
{
	width:350px;
	float:right;
}

/* end id based selectors */

/* start class based selectors */
.signatureRequestUploadMessageBoxIcon
{
	background:transparent url(/verafirma/cobrands/base/img/document_up_32.gif) 

no-repeat top left;
}

.darkBlueBackground
{
	background-image:url(/verafirma/cobrands/base/img/dark-blue.png);
}

.lightBlueBackground
{
	background-image:url(/verafirma/cobrands/base/img/light-blue.png);
}

.whiteBackground
{
	background-image:url(/verafirma/cobrands/base/img/white.png);
}

.headerLink
{
    color:#000000;
}

.headerText
{
	color:#000000;
	font-size:8pt;
	font-weight:bold;
}

.headerHighlightText
{
	color:#bd2729;
	font-size:8pt;
	font-weight:bold;
}

.headerInputText
{
	border:1px solid #bd2729; 
	padding:2px; 
	margin-right:4px;
	font-size:8pt;
	color:#000000;
}

.headerButton
{
	padding:1px;
	width:80px;
	font-size:9pt;
}

.pageTitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
}

.caption
{
	color: #CB0100;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;

}
.pageTitleComment
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
}

.sectionTitle
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
}

.subSectionTitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
}

.textBlackBold
{
	color:#000000;
	font-weight:bold;
}

.sigReqFormTable td
{
	padding:4px;
}

.createsigAccountTable td
{
	padding:4px;
}
.sigReqFormInputText
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:325px;
	padding:2px;
	background-color:#FFFFFF;
}

.sigReqFormInputFile
{
	color:#000000;
	width:325px;
	padding:2px;
	background-color:#FFFFFF;
}

.advSigReqFormOptionsInputText
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:175px;
	padding:2px;
	background-color:#FFFFFF;
}

.advSigReqFormOptionsSelectList
{
	border:1px solid #CCCCCC;
	color:#000000;
	padding:2px;
	background-color:#FFFFFF;
}

.sigReqFormInputTextArea
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:325px;
	padding:2px;
	background-color:#FFFFFF;
	height:40px;
}

.sigReqFormSubjectInputText
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:500px;
	padding:2px;
	background-color:#FFFFFF;
}

.sigReqFormInputTextCalendar
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:210px;
	padding:2px;
	background-color:#FFFFFF;
}

.sigReqFormMessageInputTextArea
{
	border:1px solid #CCCCCC;
	color:#000000;
	width:500px;
	padding:2px;
	background-color:#FFFFFF;
	height:100px;
}

.sigReqFormButton
{
	padding:2px;
	width:100px;
}

.quickTrackFormInputText
{
	border:1px solid #CCCCCC; 
	color:#000000; 
	width:220px; 
	padding:2px; 
	background-color:#FFFFFF;
}

.quickTrackFormButton
{
	padding:2px;
	width:100px;
}

.viewSigReqFormTable td
{
	padding:4px;
}

.note 
{
	font-size:8pt;
}

.leadedTextMedium
{
	line-height:16px;
	font-size:9pt;
}

.whiteHeader
{
    color:#000000;
	font-weight:bold;
}

.whiteText
{
	color:#000000;
}

.blackHeader
{
    color:#000000;
	font-weight:bold;
}

.view-content-document-message
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;
}

.boldverafirmablue
{
	font-weight:bold;
	color:#bd2729;
}

.errormsg
{
	font-weight:bold;
	color:#FF0000;
}

.vfFormLabel
{
	color:#000000;
}

.advancedOptionHeader
{
	background-color:#ffffff;
}

.advancedOptionSection
{
	border-bottom:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
}

.linkNoUnderline
{
	text-decoration:none;
}

.blackHeaderTrack
{
    color:#000000;
    font-weight:bold;
    font-size: 11px;
    font-family:Arial, Tahoma, Helvetica, sans-serif;
}

.textTrack
{
	font-size: 11px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
}
/* end class based selectors */













#track-status-table td
{
    padding:2px;
}


#track-detail-view-content-container
{
	padding:10px;
}





	



#signed-content-container
{
	padding:10px;
}
	
#signed-content-summary
{
	margin-bottom:10px;
	border:1px solid #bd2729;
	padding:5px;
	background-color:#ffffff;
}

#signed-content-thankyou
{
	margin-bottom:10px;
	border:1px solid #ffffff;
	padding:5px;
	background-color:#FFFFFF;
}

#small-form-background
{
	border:1px solid #bd2729;
	padding:5px;
	background-color:#ffffff;
	height:400px;
	
}

#small-form-container
{
	border:1px solid #bd2729;
	padding:5px;
	background-color:#FFFFFF;
	width:400px;
	width:"402px";
}

#signup-form-container
{
	border:1px solid #bd2729;
	padding:5px;
	background-color:#FFFFFF;
	width:450px;
	width:"452px";
}

#long-text-area
{
	overflow:auto;
	height:500px;
	border:1px solid #bd2729;
	padding:10px;
}


.smallFormLabel
{

	font-size:8pt;
	color:#000000;
}

.smallFormInput
{
	font-size:8pt;
	width:250px;
}

.verysmallFormInput
{
	font-size:8pt;
	width:100px;
}
.content p { margin-bottom: 1.6em; }
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }


#header {
	float:left;
	width:100%;
	line-height:normal;
	background: url("/verafirma/cobrands/base/img/bg.gif") repeat-x bottom;
}

#header ul {
	list-style: none;
    padding:10px 10px 0;
	margin:0;
}

#header li {
	float: left;
	background:url("/verafirma/cobrands/base/img/left.gif") no-repeat left top;
	margin:0;
    padding:0 0 0 9px;
}

#header a {
	text-decoration: none;
	display: block;
	text-align: center;
	background:url("/verafirma/cobrands/base/img/right.gif") no-repeat right top;
    padding:5px 15px 3px 6px;
	font-size:10pt;
	font-weight:bold;
	COLOR: #bd2729;
}

#header a:visited {
	COLOR: #bd2729;
}

#content {
	border: 1px solid;
}

#header #selected {
	background:url("/verafirma/cobrands/base/img/left_on.gif") no-repeat left top;
}


#header #selected a {
	background:url("/verafirma/cobrands/base/img/right_on.gif") no-repeat right top;
    padding-bottom:5px;
	COLOR: #c40f16;	
	}
	
#header #selected a:visited {
	COLOR: #c40f16;
}	

#header #hidden {
	background:url("/verafirma/cobrands/base/img/none.gif") no-repeat left top;
	padding-left:0;
}

#header #hidden a {
	background:url("/verafirma/cobrands/base/img/none.gif") no-repeat left top;
	margin:0;
    padding-bottom:5px;
	padding-left:0;
	padding-right:0;
	color: #FFFFFF;

}

.copyright {
	FONT-SIZE: 9px; MARGIN-LEFT: 8px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.PageHeader1 {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; WIDTH: 495px; COLOR: #003399; LINE-HEIGHT: normal; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 15px; BACKGROUND-COLOR: #ccffff; TEXT-ALIGN: left
}
.BodyText1 {
	MARGIN-TOP: 15px; PADDING-LEFT: 8px; FONT-SIZE: 10pt; MARGIN-BOTTOM: 15px; LINE-HEIGHT: normal; MARGIN-RIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Tahoma
}
.BodyTextList1 {
	LIST-STYLE: none url(/Images/Arrow_bullet.gif) outside; MARGIN-TOP: 2pt; FONT-SIZE: 10pt; MARGIN-LEFT: 8pt; WIDTH: 380px; LINE-HEIGHT: 14pt; FONT-FAMILY: Tahoma
}
.BodyTextList1Header {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN: 0pt 0pt 0pt -14pt; WIDTH: 450px; LINE-HEIGHT: 18pt; BORDER-BOTTOM: #cc9966 1px solid; FONT-FAMILY: Tahoma; LIST-STYLE-TYPE: none; HEIGHT: 18px; BACKGROUND-COLOR: #ccffcc
}
.PageHeader2 {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; BORDER-LEFT: #999999 1px solid; WIDTH: 495px; COLOR: #336699; LINE-HEIGHT: 20pt; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
}
.BodyTextsmall2 {
	FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-FAMILY: Tahoma
}
.PageHeader3 {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 18pt; PADDING-BOTTOM: 3px; BORDER-LEFT: #999999 1px solid; WIDTH: 380px; COLOR: #999999; LINE-HEIGHT: normal; PADDING-TOP: 3px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
}
.MainNavEnd2Copy {
	BORDER-RIGHT: #ff0000 4px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff0000 4px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; LIST-STYLE-POSITION: inside; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #ff0000 4px solid; COLOR: #003366; TEXT-INDENT: 0pt; PADDING-TOP: 4px; BORDER-BOTTOM: #ff0000 4px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}


