/* Main Connector Template */

.connector-template{
    width:100%;
    padding:0;
    margin:0;
    font-family:Verdana;
    font-size:9pt;
}

.connector-template .container
{
	padding:2px;
}

.connector-template .container .header-text, .connector-template .step-content .header-text
{
    font-size:10pt;
    font-weight:bold;
    float:left;
    padding:4px 0 2px 0 !important;
}

.connector-template .container .header-text, .connector-template .step-content .header-text span
{
    font-weight:normal;
}

.connector-template .info-text
{
	font-size:8pt;
	float:left;
	clear:both;
	padding:2px 0 0 0
}

.connector-template .info-text p
{
	margin:2px 0 10px 0;
}

.connector-template .bottom-text
{
    float:right;
    clear:both;
    font-size:12pt;
    font-weight:bold;
    margin:0 0 0 0;
}

/* Base Table */

.connector-template table{
    width:100%;
    padding:0;
    margin:0;
}

.connector-template table td.left{
    width:160px;
    text-align:right;
}

.connector-template table td.right{
    font-size:8pt;
    padding:2px 0 2px 5px;
}

.connector-template table td.right .leading{
    font-size:8pt;
}

.connector-template table td.both{
    text-align:left;
    padding:0 0 4px 0;
}

.connector-template div.divider{
    height:1px;
    width:100%;
    margin:2px auto 2px auto;
    clear:both;
}

/* Step Content */
.connector-template .step-content{
    width:100%;
}

.connector-template .step-content .block{
    width:100%;
    margin:5px 0 10px 0;
    padding:5px 0 5px 0;
    display:table;
    clear:both;
}

.connector-template .step-content .center
{
    text-align:center;
}

/* Buttons */
.connector-template .controls
{	
    clear:both;
    text-align:left;
    padding:0 0 10px 0;
    margin:0;
}

.connector-template .button-surround{
    border:solid 1px black;
    padding:3px 0 4px 0;
    #padding:0;
    margin: 0 0 0 0;
}

.connector-template .button-surround input{
    cursor:pointer;
    border:none;
    height:18px;
    margin:0;
    padding:0 14px 0 12px;
}

/* Required Text */
.connector-template .required{
    float:right; 
    font-size:8pt;
    margin:5px 0 0 0;
}

/* Capitalized Text */
.connector-template .capitalize{
    text-transform:capitalize
}

/* Uppercase Text */
.connector-template .uppercase{
    text-transform:uppercase;
}

/* Lowercase Text */
.connector-template .lowercase{
    text-transform:lowercase;
}

/* Checkboxes */
.connector-template input.checkbox{
    width:auto;
    border:none !important;
    background:none !important;
}

/* Tooltip */
.tooltip
{
	display:inline;
	cursor:help !important;
	width:16px;
	margin:0 0 0 10px;
}


/* Floater */

#divFloater{
    position:absolute;
    background-image:url(../Images/bg.png);
    width:100%;
    height:100%;
    left:0;
    top:0;
}

#divFloater .divFloaterInside
{
    font-family:Verdana;
    font-size:8pt;
    border:solid 1px black;
    width:150px;
    padding:10px 0 10px 0;
    text-align:center;
    font-weight:bold;
    background:white !important;
    color:Black !important;
    overflow:hidden;
    margin:auto;
    height:85px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:absolute;
}

#divFloater .divFloaterInside .text
{
    display:block;
}

#divFloater .divFloaterInside .controls
{
    display:block;
    text-align:center;
    padding: 10px 0 5px 0;
}

#divFloater .divFloaterInside .controls input
{
    background:white !important;
    cursor:pointer;
    color:Black !important;
    margin:0 5px 0 5px;
    height:22px;
    width:60px;
    text-align:center !important;
}

#divFloater .prompt
{
    width:250px !important;
    height:50px !important;
}

#divConnector
{
    position:relative !important;
}


.connector-template img
{
	border:none !important;
}

.connector-template input, .connector-template select
{
	text-align:left !important;
}

/* Custom Fields */
.connector-template input#txtFromPhone, .connector-template input#txtFromFax, .connector-template input#txtToPhone, .connector-template input#txtToFax{
    width:90px;
}

.step-content select#fromCountries, .step-content select#toCountries, .step-content select#consignmentType, .step-content input#txtFromAddress1, .step-content input#txtFromAddress2, .step-content input#txtToAddress1, .step-content input#txtToAddress2{
    width:300px;
}

.step-content input.double-width, .step-content select.double-width
{
	width:300px;
}

.step-content input.half-width, .step-content select.half-width
{
	width:80px;
}

.step-content td.right textarea{
    width:300px;
 }
 
 .connector-info
 {
     text-align:right;
     font-size:7pt;
     padding:1px 1px 0 0;
 }