/* ----- FORM ELEMENTS ----- */

.formBG {
    background: #f4f4f4;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	zoom: 1.0; /* Give content layout to fix IE7 bug with 100% width tables  */
    margin:0;
    padding:0;
}
.formBGTopLeft {
    background: url("/common/images/en/bg/top-left.png") no-repeat top left; position:relative; top:0px; height:20px;
}
.formBGTopRight {
    background: url("/common/images/en/bg/top-right.png") no-repeat top right; position:relative; height:20px; top:-20px; 
}
.formBGBottomLeft {
    background: url("/common/images/en/bg/bottom-left.png") no-repeat bottom left; position:relative; height:20px; top:20px;
}
.formBGBottomRight {
    background: url("/common/images/en/bg/bottom-right.png") no-repeat bottom right; position:relative; height:20px; top:0px;
}
.formWrapper {
	padding: 2px 15px;
	color:#787878;
	margin-top:-34px;
	margin-bottom:-34px;
}
.formContainer {
	margin: 5px 0 15px 0;
	background:#ecebeb;
	padding: 3px;
	line-height: 1.2;
	zoom: 1.0; /* Give content layout to fix IE7 bug with 100% width tables  */
}
.formContainer div.clearfix {
	padding: 4px;
}
.formContainer div.clearfixError {
	padding: 4px;
}
.formWrapper input[type="text"].clearfixError, .formWrapper textarea.clearfixError, .formWrapper input[type="password"].clearfixError {
	padding: 5px 4px; 
	border: 1px solid #f77171;
	/* margin: 0; */
}
.formContainer label {
	width: 140px;
	float: left;
	font-size: 16px;
	padding: 9px 0 0 0;
	color:#787878;
	position:relative;
	top:-1px;
}

.formContainer .tip {
	width: 160px; 
	font-size: 11px;
	color:#787878;
	margin-left:510px;
	margin-top:-23px;
	display:block; 
	margin-bottom:6px;
}

.formContainer .textareaTip {
	width: 160px;
	font-size: 11px;
	color:#787878;
	margin-left:510px; 
	margin-top:-80px;
	display:block; 
	margin-bottom:6px;
	height:76px;
}

.formContainer .checkboxTip {
	width: 500px;
	font-size: 11px;
	color:#787878;
	margin-left:168px;
	margin-top:-18px;
	display:block; 
	margin-bottom:6px;
}

.personalize {
	float: right;
	font-size: 11px;
	padding: 0 5px 0 0;
	color: #666;
}
#personalizeOff {
	padding-top: 6px;
}
#personalizeOn {
	padding-top: 2px;
}
.formWrapper h3 {
	font: 13px Helvetica, Arial, sans-serif; font-weight:bold; 
	line-height: 18px;
	margin: 8px 0 10px 0;
}
.column {
    display:inline-table;
}

.element .column div{padding:0 0 5px 0}
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}
.cols5 {position:relative;left:4px;}
.cols2 .column{float:left;height:20px;margin:0 1% 0 -18px;padding:0 13px;}
.cols3 .column{float:left;margin:0 1% 0 0;}
.cols5 .column{float:left;width:59px;margin:0 1% 0 0;}


/* ----- FORM ELEMENTS ----- */

.formWrapper input[type="text"], .formWrapper input[type="password"], .formWrapper textarea{ 
	padding: 5px 4px;
	font: normal 12px arial, helvetica, sans-serif;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	_border: 1px solid #ccc !important;
	_padding: none;
	width: 340px;
}
.formWrapper input:focus, .formWrapper textarea:focus {
	border: 1px solid #ababab;
	outline: none;
}
.formWrapper input[type="checkbox"] {
	background:transparent !important;
	border:0 !important;
	width:16px !important; 
	display: block;  
	height:20px;
	margin-bottom:2px; outline: none;
}
.formWrapper input[type="checkbox"]:focus {
	background-position: -13px 0;outline: none;
}
.formWrapper input[type="radio"] {
	background:transparent !important;
	border:0 !important;
	width:16px !important; 
	vertical-align:middle;
	height:20px;
	margin-bottom:2px;position:relative;left:-3px;
}
.formWrapper input[type="image"] {
	border: 0;
	padding: 0;
}
.formWrapper select, .formWrapper input[type="file"]{ 
	padding: 5px 4px;
	font: normal 12px arial, helvetica, sans-serif;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	_border: 1px solid #ccc !important;
	_padding: none;
	width: 350px;
	margin-top:1px;
}

/* ----- ERROR ELEMENTS ----- */

#failure {
	background: #ffd1d1 url("/images/misc/alert-failure.gif") no-repeat 13px 11px;
	border-top: 1px solid #f8acac;
	border-bottom: 1px solid #f8acac;
	border-left: 1px solid #f8acac;
	border-right: 1px solid #f8acac;
	margin: 0;
	padding: 10px 10px 10px 35px;
}
#failure h3 {
	color: #8d3f3f;	
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.failureMessage {
	background: #fff1f1;
	border-bottom: 1px solid #fddcdc;
	border-left: 1px solid #fddcdc;
	border-right: 1px solid #fddcdc;
	padding: 10px 20px 10px 0px;
	color: #664b4b;
	margin-bottom: 8px;
}
.failureMessage ol {
	list-style-type:none;
	margin-left:14px;
	
}
.oops {
    margin-top:8px;
	color:#ff0000; 
	margin-bottom:-10px;
	list-style-type:none;
}
.oops a{
	color:#ff0000; 
}
.mandatory {
	color:#ff0000;
}
.mandatory a {
	color:#ff0000;
}
.mandatoryPaddedBy10 {
	color:#ff0000; position:relative; top:10px; vertical-align:top; 
}
.mandatoryPaddedBy5 {
	color:#ff0000; position:relative; top:5px; vertical-align:top; 
}

.floatleft
{
    float:left;
    padding-bottom:6px;
    padding-top:8px;
}

.floatright
{
    float:right;
    padding-left:6px;
    padding-bottom:6px;
    padding-top:8px;
}


.leftAlign
{
    float:left;
    padding-left:4px;
}

.rightAlign
{
    float:right;
    padding-left:4px;
}

.cancel
{
    position:relative;
    top:-15px;
}

.paddingTop1px
{
    padding-top:1px;
}
.paddingLeft5px
{
    padding-left:5px;
}
.noPaddingLeft
{
    padding-left:0px;
}

.paddingBottom5px
{
    padding-bottom:5px;
}

#saveSuccessful
{
    background: #e1ffd1 url("/images/misc/massiveTick.gif") no-repeat 16px 26px;
	border-top: 1px solid #c5f8ac;
	border-bottom: 1px solid #c5f8ac;
	border-left: 1px solid #c5f8ac;
	border-right: 1px solid #c5f8ac;
	margin: 0 0 5px 0;
	padding: 22px 10px 10px 60px;
	height:47px;
	font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#000000;display:block;
}

#saveSuccessful span
{
    font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#468d3f;padding-left:2px;
}



#greenwithenvy 
{
    background: #e1ffd1 url("/images/misc/katching_green.png") no-repeat 0px 2px;
	border-top: 1px solid #c5f8ac;
	border-bottom: 1px solid #c5f8ac;
	border-left: 1px solid #c5f8ac;
	border-right: 1px solid #c5f8ac;
	margin: 0 0 5px 0;
	padding: 22px 10px 10px 60px;
	height:47px;
	font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#000000;display:block;
}

#redwithfury
{
    background: #ffd9d1 url("/images/misc/katching_red.png") no-repeat 0px 2px;
	border-top: 1px solid #f2cfc7;
	border-bottom: 1px solid #f2cfc7;
	border-left: 1px solid #f2cfc7;
	border-right: 1px solid #f2cfc7;
	margin: 0 0 5px 0;
	padding: 22px 10px 10px 60px;
	height:47px;
	font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#000000;display:block;
}

#licensekeys
{
    background: #feffe0 url("/images/misc/katching_red.png") no-repeat 0px 2px;
	border-top: 1px solid #ebebc7;
	border-bottom: 1px solid #ebebc7;
	border-left: 1px solid #ebebc7;
	border-right: 1px solid #ebebc7;
	margin: 0 0 5px 0;
	padding: 22px 10px 10px 60px;
	height:47px;
	font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#000000;display:block;
}



.options {
    background: #ffffff;
    border: 1px solid #dadada;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin: 5px 0 5px 0;
    padding: 5px 0px 4px 0px;
}
.options a {
    text-decoration:none;
}
.options a:hover {
    text-decoration:underline;
}




.summaryHighlight2 {
    background: #ffffff;
    border: 1px solid #ebebc7;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin: 5px 0 5px 0;
    padding: 5px 18px 5px 0px;
}
.summaryHighlight2 h2 {
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #ebebc7;
}


.summaryHighlight3 {
    background: #ffffff;
    border: 1px solid #ebebc7;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin: 5px 0 5px 0;
    padding: 5px 18px 5px 14px;
}
.summaryHighlight3 h2 {
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #ebebc7;
}








.summaryHighlight {
    background: #feffe0;
    border: 1px solid #ebebc7;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin: 5px 0 5px 0;
    padding: 5px 18px 5px 18px;
}
.summaryHighlight h2 {
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #ebebc7;
}
.summaryHighlight h2.best {
    color: #33861a;
}
.summaryHighlight h2.worst {
    color: #963a30;
}

table.companySummary td {
    padding: 11px 0;
    border-bottom: 1px solid #ebebc7;
    vertical-align: top;
}
table.companySummary tr.lastRow td {
    border-bottom: none !important;
}
table.companySummary td div {
    background: #d3d4c0;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    font-size: 22px;
    font-weight: bold;
    color: #94948e;
    padding: 11px 10px;
    text-align: center;
}
table.companySummary td.summaryDescription {
    padding-left: 14px;
    font-size: 11px;
    color: #808073;
}
table.companySummary td.quote {
    background: url('/img/icons/goal-quote.gif') no-repeat 0 18px;
}
table.companySummary td.summaryDescription h2 {
    border: none;
    color: #4a4a47;
    font-size: 16px;
    padding: 2px 0 1px 0;
    line-height: 18px;
}




















.companyHighlight {
    background: #f4f4f4;
    border: 1px solid #ebebc7;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin: 5px 0 5px 0;
    padding: 5px 18px 5px 4px;
}
.companyHighlight h2 {
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #ebebc7;
}
.companyHighlight h2.best {
    color: #33861a;
}
.companyHighlight h2.worst {
    color: #963a30;
}

table.companyDetails td {
    padding: 4px 0;
    vertical-align: top;
}
table.companyDetails tr.lastRow td {
    border-bottom: none !important;
}
table.companyDetails td div {
    background: #d3d4c0;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    font-size: 22px;
    font-weight: bold;
    color: #94948e;
    padding: 11px 10px;
    text-align: center;
}
table.companyDetails td.summaryDescription {
    padding-left: 14px;
    font-size: 11px;
    color: #808073;
}
table.companyDetails td.quote {
    background: url('/img/icons/goal-quote.gif') no-repeat 0 18px;
}
table.companyDetails td.summaryDescription h2 {
    border: none;
    color: #4a4a47;
    font-size: 16px;
    padding: 2px 0 1px 0;
    line-height: 18px;
}
.gr-3 .gc{width:31.3%}
.gr-3 .gc h3{font-size:13px;font-weight:bold;margin-bottom:5px}



#cheque-info-container
{
    background-color:#feffe0;
    width:100%; 
    height:auto !important;
    
}

#cheque-info
{
    padding:10px; font-size:11px;height:auto !important;
}

#ip-address-container
{
    background-color:#feffe0;
    width:168px; 
    height:151px;
    position:relative;
    float:right;
    margin-bottom:-500px;
}

#ip-address-info
{
    padding:10px; font-size:10px;
}





.formWrapper input[type="text"], .formWrapper input[type="password"], .formWrapper textarea{ 
	margin-bottom:3px;
}

.formWrapper select{ 
	margin-bottom:3px;
}

.overwrite input[type="text"]{ 
    width: 20px;padding: 1px 2px 9px 5px;position:relative;top:2px;
}

.adjust
{
	position:relative;left:-9px;
}



.gridpanel-topbar
{
	color:Black;
}