/*******************************************************************************
*  Filename:         global.css
*  Application:      Acronym 4.0.0
*  Description:      Cascading Stylesheet for Acronym
*  Author:           Andrew Rae - (C) 2007 Andrew & Joanne Rae t/a CustomCV
*  Created:          27/03/2007 9:12:09 p.m.
*  Modified:         27/03/2007 9:12:13 p.m.
*  Program Version:  1.0.0
*  Version Notes:    This file is used to include the styles which don't change
*                    based on the brand eg. Column widths
*******************************************************************************/
/*  
  Note re style for <hr> - for DesignCV look there's a style rule in the brand
  specific stylesheet which hides the HR in tables => td hr {display: none;}
  This is to settle in with the fact that tables are shaded and bordered in the
  DesignCV look.
*/
/* Alignment ----------*/
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.top {vertical-align: top;}
.vcenter {vertical-align: 50%;}

/* Images ------------*/
img {border:0px;}

/* Tables ------------*/
table {border:0px;}

/* Appearance --------*/
.italic {font-style: italic;}
.bold {font-weight: 700;}
.bordered {border: 1px solid black;}
.border_wht {border: 1px solid white;}

/* Paragraphs --------*/
p.italic {font-style:italic;}

/* 
  Column defintions - the second set of labels give text alignment followed by
  percentage width
*/
col.radio {width: 4em; text-align: center;}
col.lbl_number {width:2em;}
col.label {width: 15%; text-align: left;}

/** 
 * Previously column only classes - col tag deleted to make them more
 * versatile
 */  
.w3  {width: 3%;}
.w5  {width: 5%;}
.w7  {width: 7%;}
.w8  {width: 8%;}
.w9  {width: 9%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w13 {width: 13%;}
.w15 {width: 15%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w25 {width: 25%;}
.w27 {width: 27%;}
.w28 {width: 28%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}

.h40px {height: 40px;}
.h60px {height: 60px;}

.padL6px {padding-left: 6px;}

col.left {text-align: left;}
col.right {text-align: right;}
col.center {text-align: center;}

col.padRight {padding-right: 6px;}

	
/* Form Styles - Field Sizes -------------------------------------------------*/
input, textarea, select {font-family: Verdana; font-size:8pt; color:#737373;}
input.wide, select.wide {width: 300px;}
input.veryWide, select.veryWide {width: 400px;}
input.fullWidth, textarea.fullWidth {width: 100%;}
	
input.frmButton, input.opnButton {font-style: normal; color: black;}
input.opnButton {width: 160px;}
input.opnButtonNarrow {width: 100px;}


input.name {width: 125px;}
input.logon {width: 150px;}
input.currency {width: 120px; text-align: right;}
input.name_med {width: 200px;}
input.name_long, input.email_long, input.document_long {width: 250px;}
input.document {width: 200px;}
input.email {width: 200px;}
input.address, select.address {width: 125px;}
input.photo {width: 250px;}
input.postcode {width: 5em;}
input.phone {width: 75px; margin-right: 4px;}
input.majorfield {width: 80%;}
input.digit {width: 30px; text-align:center;}
input.number {width: 50px; text-align:center; margin: 0px; padding: 0px;}
input.numberNarrow {width: 35px; text-align:center;}
input.numberTiny {width: 27px; text-align:center;}
input.hex {width: 60px; text-align:center;}
input.cv_focus {width: 150px;}
input.filepath {width: 350px;}
input.checkbox, input.radio {width: 15px;}
input.lgn_submit {width: 100%;}

input.sm   {width: 50px;}
input.m_sm {width: 80px;}
input.med  {width: 180px;}
input.m_lg {width: 250px;}
input.lg   {width: 300px;}
input.xlg  {width: 420px;}


/* Classes to apply to both input and select elements */
.number {width:80px;}
.std    {width:50px;}

select.day {width: 4 em; text-align: center;}
select.month, select.fontSize {width: 4.5 em; text-align: center;}
select.fontSize {vertical-align: middle;}
select.year, select.phType {width: 5.5em; text-align: center;}
select.gender {width: 6 em; text-align: center;}
select.std, select.yesno {width: 50px; text-align: center;}
select.pack, select.hdg_optn, select.document, select.family {width: 200px;}
select.full_month {width: 120px;}
select.number {width: 3.5 em; text-align: center;}
select.4digit {width: 80px; text-align: center;}
select.font_txtBlock {width: 140px; }
select.character {width: 3 em; text-align: center;}

select.sm   {width: 50px;}
select.m_sm {width: 80px;}
select.med  {width: 180px;}
select.m_lg {width: 250px;}
select.lg   {width: 300px;}

/* Pixel based measurements with no specific class allocated */
select.90px {width: 90px;}
select.100px, input.100px {width: 100px;}
select.110px, input.110px {width: 110px;}
select.120px, input.120px {width: 120px;}
select.150px, input.150px {width: 150px;}
select.175px, input.175px, select.fontname {width: 175px;}
select.200px, input.200px {width: 200px;}
select.250px, input.250px {width: 250px;}
select.300px, input.300px {width: 300px;}
select.350px, input.350px {width: 350px;}

select.fontname {vertical-align:middle;}
	

textarea.maxfield, input.maxfield, select.maxfield {width: 100%;} 

select.cvstyle, input.cvstyle {font: 8pt;}

		
/* Form Styles - Spans rather than tables ------------------------------------*/
span.frmLabel {width: 30%; font: 700 Verdana; color: #f1ae99;}
span.frmCol   {width: 30%;}           

/* Span Styles - general options ---------------------------------------------*/
span.lgFont {font-size: 150%;} 
span.lbl_phone {width: 30%;}

/* Table Styles --------------------------------------------------------------*/

table.form, table.title {font-family: Arial; 
	font-size: 9pt;
	width: 100%;}
   
table.title h2 {margin: 0px; padding: 0px;}
	
/* DHTML Functionality -------------------------------------------------------*/

.cv_secn {display:none;}
.q_secn {display:none;}


   
/*  Test Data button panel positioning ---------------------------------------*/   
div#testData {position: absolute;
   top:12%;
   left: 2%;}
   
   
div.thumbnail {position: absolute;
      right: 0%;
      top: 0px;
      background: #CCCCCC;
      width: 22.5%;
      height: 100%;
      z-index: 1;
      overflow-y:scroll;
      font-size: 9pt;
      padding-left: 3pt;
      border-left: 2px solid #a17b36;
      margin-left: 12pt; }