
/*
 * ======
 * Layout
 * ======
 *
 * MUST be loaded BEFORE the colour
 */

/*
 * Generic
 */

body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

p
{
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0px;
	padding: 0px;

	color: #000000;
	font-size: 100%;
	text-decoration: none;
}



/*
 * Layout
 */

.theme-2005v020-layout-sidepanels
{
	float: right;

	width: 174px;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

.theme-2005v020-layout-content
{
	height: 1%;

	margin: 0px;
	margin-right: 178px;
	border: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.theme-2005v020-layout-content-type01-column1of2
{
	float: left;

	margin: 0px;
	border: 0px;
	padding: 0px;
}
.theme-2005v020-layout-content-type01-column2of2
{
	margin: 0px;
	margin-left: 120px;
	border: 0px;
	padding: 0px;
}







/*
 * ======
 * Panels
 * ======
 */

.theme-2005v020-panel
{
	position: relative;
	clear: left;

	width: 100%;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

/*
 * Panel: Side Panel
 */

.theme-2005v020-panel-sidepanel-title
{
	position: relative;

	top: 0px;
	width: 100%;

	margin: 0px;
	margin-bottom: 3px;
	border: 0px;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}

.theme-2005v020-panel-sidepanel-title h2, .theme-2005v020-panel-sidepanel-title p
{
	position: relative;

	background-position: top right;
	background-repeat: no-repeat;

	top: -1px;
	right: -1px;

	margin: 0px;
	border: 0px;
	padding: 3px;

	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

.theme-2005v020-panel-sidepanel-content
{
	position: relative;

	width: 100%;

	margin: 0px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	padding-top: 5px;

	text-align: left;
}

.theme-2005v020-panel-sidepanel-content ul
{
	margin: 0px;
	margin-left: 30px;
	border: 0px;
	padding: 0px;
}

.theme-2005v020-panel-sidepanel-content li
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.theme-2005v020-panel-sidepanel-content-border-bottom-left
{
	position: relative;

	background-position: bottom left;
	background-repeat: no-repeat;

	left: -1px;
	bottom: -1px;

	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-bottom: 10px;
}



/*
 * Panel: General Content
 */

.theme-2005v020-panel-generalcontent
{
	position: relative;
	clear: left;

	background-color: #ffffff;

	top: 0px;

	width: 100%;

	margin: 0px;
	margin-bottom: 0px;
	border: 0px;
	padding: 0px;
	padding-bottom: 4px;
}



/*
 * Panel: Special Content
 */

.theme-2005v020-panel-specialcontent-border
{
	position: relative;

	top: 0px;

	margin: 0px;
	margin-bottom: 10px;
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}

.theme-2005v020-panel-specialcontent-border-top-right
{
	position: relative;

	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/panels/special/top-right.gif);
	background-position: top right;
	background-repeat: no-repeat;

	top: -1px;
	right: -1px;

	margin: 0px;
	border: 0px;
	padding: 0px;
}

.theme-2005v020-panel-specialcontent-border-bottom-left
{
	position: relative;

	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/panels/special/bottom-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

	bottom: -2px;
	left: -2px;

	margin: 0px;
	border: 0px;
	padding: 10px;
}



/*
 * Download Panel Support
 */

.theme-2005v020-panel-download-column-left
{
	margin-right: 120px;
/*	margin-right: 60px; */
	height: 1%;
}
.theme-2005v020-panel-download-column-right
{
	float: right;
	width: 110px;
/*	xwidth: 50px; */
}
.theme-2005v020-panel-download-column-right p, .theme-2005v020-panel-download-column-left p
{
	color: #666666;
}



/*
 * ===========
 * Menu Layout
 * ===========
 */

.menuitem
{
	width: 100%;
	color: #666666;
}

.menuitem-image
{
	float: left;
}

.menuitem-content
{
	margin-left: 60px;
}

.menu-row-separator
{
	clear: left;
	position: relative;

	background-color: #eeeeee;

	width: 100%;
	height: 1px;

	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.menu-row-end
{
	clear: left;
	position: relative;
	width: 100%;
	height: 9px;
}

.menuitem-text
{
	color: #666666;
}



/*
 * =====================
 * Contacts page support
 * =====================
 */

.div-contacts-wrapper
{
	margin-right: 122px;
	width: 100%;

	voice-family:"\"}\"";     /* IE 5 hack. IE 5 will ignore everything after this point. */
	voice-family:inherit;     

	width: auto;
}

.div-address
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_PostalAddress.gif);
	background-position: top left;
	background-repeat: no-repeat;

	padding-left: 24px;
}

.div-blank
{
	padding-left: 24px;
}

.div-email
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Email.gif);
	background-position: top left;
	background-repeat: no-repeat;

	padding-left: 24px;
}

.div-phone
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Phone.gif);
	background-position: top left;
	background-repeat: no-repeat;

	padding-left: 24px;
}

.div-fax
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Fax.gif);
	background-position: top left;
	background-repeat: no-repeat;

	padding-left: 24px;
}

.div-website
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Website.gif);
	background-position: top left;
	background-repeat: no-repeat;

	padding-left: 24px;
}

.white-margin
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/white-margin.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 20%;
}



/*
 * ===========
 * Panel:
 * ===========
 */

.theme-2005v020-panel-clear
{
	clear: both; /* was right which affected Mozilla, Firefox and Camino. Not sure how this will affect other browsers but I haven't seen any evidence of it affecting them */
	position: relative;

	width: 100%;
	height: 1px;
}

.theme-2005v020-panel-topofpage
{
	position: relative;

	text-align: right;
}

.theme-2005v020-panel-topofpage-icon
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_TopOfPage.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;

	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 16px;
}

.theme-2005v020-panel-previouspage
{
	position: relative;

	text-align: right;
}

.theme-2005v020-panel-previouspage-icon
{
	background-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_TopOfPage.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;

	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 16px;
}

.theme-2005v020-hidden
{
	display: none;
}

.opening-paragraph /* used for style not to imply structural significance */
{
	font-weight: bold;
}

.align-center
{
	text-align: center;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}

.image
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.image-right
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.image-left
{
	float: left;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
}



/*
 * ==========
 * List Items
 * ==========
 */

ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}

li
{
	color: #000000;

	margin: 0px;
	border: 0px;
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
}

li p
{
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0px;
	padding: 0px;
}



.li-arrow
{
/*
	list-style-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/li-arrow.gif);
*/
	list-style-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Arrow.gif);
}

.ul-cross
{
	list-style-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Cross.gif);
}

.ul-tick
{
	list-style-image: url(/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Tick.gif);
}








.ul-arrow
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Arrow.gif');
}
.ul-browser
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Browser.gif');
}
.ul-email
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Email.gif');
}
.ul-excel
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Excel.gif');
}
.ul-fax
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Fax.gif');
}
.ul-none
{
	list-style-type:none;
}
.ul-pdf
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_AcrobatPDF.gif');
}
.ul-phone
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Phone.gif');
}
.ul-postaladdress
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_PostalAddress.gif');
}
.ul-powerpoint
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Powerpoint.gif');
}
.ul-printer
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Printer.gif');
}
.ul-rtf
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Word.gif');
}
.ul-text
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Text.gif');
}
.ul-word
{
	list-style-image: url('/general/tools/configuration/mEstilo/themes/2005v020/common/images/icons/icon_Word.gif');
}





/*
 * =================
 * Fixes for Paladin
 * =================
 */

h1#pal_apptitle
{
	border-width: 0px;
}

#pal_contentheader h2
{
	border-width: 0px;
}

#pal_contentheader
{
	width: 100%;
}



/*
 * ======================
 * Mofications to Paladin
 * ======================
 */

/*
 * Headings
 */

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border:0px;
	padding: 0px;

	font-weight:bold;
	text-decoration:none;
}

h1
{
	font-size:160%;
}

h2
{
	color:#000000;
	font-size:148%;
}

h3
{
	color:#999999;
	font-size:136%;
}

h4
{
/*
	color:#999999;
*/
	font-size:124%;
}

h5
{
/*
	color:#999999;
*/
	color:#000000;
	font-size:112%;
}

h6
{
	color:#999999;
	font-size:100%;
}



/*
 * ===========
 * Table Cells
 * ===========
 */

th
{
	color: #ffffff;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

td
{
	background-color: #eeeeee;
	vertical-align: top;
	text-align: left;
}

.td-cell-odd
{
	background-color: #e7e9e4;
}

.td-cell-even
{
	background-color: #dddfda;
}



/*
 * Anchors
 */

a:link, a:visited, a:hover
{
	text-decoration: underline;
	cursor: pointer;
}



/*
 * ====================================================================
 * Stuff to encourage those who misuse the heading tags not to use them
 * ====================================================================
 */

.size-as-h1
{
	font-size: 160%;
}
.size-as-h2
{
	font-size: 148%;
}
.size-as-h3
{
	font-size: 136%;
}
.size-as-h4
{
	font-size: 124%;
}
.size-as-h5
{
	font-size: 112%;
}
.size-as-h6
{
	font-size: 100%;
}



/*
 * ========================
 * Class: optional-linefeed
 * ========================
 *
 * because <wbr> ain't W3C compliant
 */

.optional-linefeed
{
	white-space: nowrap;
}
