/*
	Name: 	    template.css
	Desc:       CSS for user side

	Orig Author:

	Color scheme:

		base colours
		------------------------------
		main1:           #9c293f  rusty red
		main2:           #FAA634  orange
		light-blue:      #f3f5f5     

		grays
		------------------------------
		text-gray:      #565658 (darkest)
		gray-borders:   #ABABAB
		menu-hover:     #D3D5D5
		light-gray:     #F3F5F5 (ligtest)


		pale-brown:      #F2ECEA --> #EBEFF1 -> #c5a88a -> #EADFD5
														 

	Version info:
	=================================================================
	1.0	  01-JAN-2007 (T)  Script created
	1.2	  30-JUL-2007 (MMS) Modified with additional headings and defs
	1.3	  01-AUG-2007 (T)  Added menu CSS
	1.4   10-MAR-2008 (MMS) Integrated new menu CSS

	(c) Areanet Pty. Ltd. All Rights Reserved. ABN: 84 114 634 561
*/


/* ########################################################## */
/* WYSIWYG common CSS - this section must be sync'd with wysiwyg.css  */
/* ########################################################## */

/* General */
* {padding: 0;margin: 0;}

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

/* Body */
body {
	background:url('../images/background_fader.png') repeat-x;
	font-size:10pt;
	color: #000;
	font-weight: normal;
	font-style: normal;
	background-color: #CEC7C0;
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
}                                       

/* General stuff */
div, span, p, li, td, th { 
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

input, textarea, option, select {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9.5pt;
}

p {line-height: 1.6em; margin:0 0 10px 0;} 

address {font-style:italic;line-height:16px;margin:5px 0;}
pre {font-family:monospace;line-height:16px;margin:5px 0;}

/* Headings */
h1 {font-size: 1.6em;margin:20px 0 20px 0;color:#9c293f;font-weight:bold;}
h2 {font-size: 1.3em;margin:20px 0 10px 0;color:#FAA634;font-weight:bold;padding-bottom:3px;}
h3 {font-size: 1.1em;margin:20px 0 10px 0;color:#000;font-weight:bold;}
h4 {font-size: 1em;margin:20px 0 10px 0;color:#FAA634;font-weight:bold;}
h5 {font-size: 1em;margin:20px 0 10px 0;color:#000;font-weight:bold;text-decoration: underline;}
h6 {font-size: 1.1em;margin:10px 0 5px 0;color:#9c293f;}

/* no decoration for headings within links or links in headings */
h1 a, a h1, h2 a, a h2, h3 a, a h3, h4 a, a h4, h5 a, a h5, h6 a, a h6 {
	/* text-decoration: none !important; */
} 

/* no decoration for headings within left column */
div#left-column h4 a, div#left-column a h4,{ 
	text-decoration: none !important;
}

/* font for headings*/
h1, h2, h3, h4, h5, h6 {
	font-family: Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* should match with the general table definition in wysiwyg.css */
div#content table {margin:10px;}
div#content td,
	div#content th {padding:3px;text-align:left;vertical-align: top;}
div#content img {border:0;margin:5px 10px 5px 10px;}

/* should match with the list element definitions in wysiwyg.css */
/* theme_advanced_styles css defs */
div#content .nopadding {padding:0;}
div#content .nomargin {margin:0;}
div#content .topspace {margin:10px 0 0 0;}
div#content .bottomspace {margin:0 0 10px 0;}
div#content .padded {padding:10px;}
div#content .margined {margin:10px;}

div#content ul,
	div#content ol {margin:10px 0 10px 30px;padding:0;line-height:1.4em;}
div#content ul li {margin: 0 0 10px 0;padding:0;list-style-image:url('../images/dot_point_default.png');list-style-type:disc;text-indent:0;background-position:0;}
div#content ol li {margin: 0 0 10px 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
div#content li ul,
	div#content li ol {margin: 5px 0 5px 20px;}
div#content li ul li,
	div#content li ol li {margin: 0 0 4px 0;}

/* General links */
a, a:visited, div#content a, div#content a:visited {color:#000;text-decoration:underline;}
a:link, div#content a:link {color:#000;}
a:hover, div#content a:hover {color:#FAA634;}

/* ########################################################## */
/* Design specific CSS - everything below this can change */
/* ########################################################## */

/* special arrow paragraph */
.point-style1 {background:url('../images/dot_point_default.png') no-repeat;padding:0 0 0 15px;background-position:-1px 4px;font-size:0.9em;}

/* inputs and textareas - these need to sync with the FormElements tpls */
input, textarea, option, select {padding:1px;}
option { padding-right:1em; } /* this hax firefox into making the select wide enough for the widest element to be fully visible */
select { padding:0;}
input.long, select.long {width:300px;}
input.normal, select.normal {width:200px;}
input.short, select.short {width:100px;}
input.vshort {width:30px;}
textarea.content {width:300px;height:150px;}
textarea.addtext {width:300px;height:70px;}
textarea.codebox {width:300px;height:100px;background-color:#F3F5F5;font-family: monospace;}
select.smallwidth { width:40px;}
.monospace {font-family: monospace;}

/* Main Menu (Horizontal) */
/* Menu color scheme */
/*
background          : #EADFD5
background (hover)  : #D3D5D5
textcolor           : #FAA634
textcolor (hover)   : #9c293f
*/

div#mainMenuH a, div#mainMenuH span, div#mainMenuH li {}
div#mainMenuH {background-color: #c5a88a;position:relative;top:0;left:0;z-index:100;}
div#mainMenuH ul {position: absolute;z-index:100;}
div#mainMenuH li {list-style: none;z-index:100;}
div#mainMenuH li a {font-size: 10pt;display: block;text-decoration:none;}
div#mainMenuH ul ul {width:190px;left:5px;position: absolute;display: none;z-index:1000;}
div#mainMenuH li.submenu-opener ul {top:0;left:190px;}
div#mainMenuH ul ul li {position: relative;height: 30px;background-color:#c5a88a;color:#fff;}
div#mainMenuH ul ul li:hover {background-color:#FAA634;color:#fff;text-decoration: none;}
div#mainMenuH ul ul li a:link,
	div#mainMenuH ul ul li a:visited {color: #fff;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div#mainMenuH ul ul li a:hover {text-decoration:none;color:#fff;}
div#mainMenuH li.submenu-top,
	div#mainMenuH li.submenu-bottom {display: none;}
/*	div#mainMenuH li.submenu-top:hover,
	div#mainMenuH li.submenu-bottom:hover */
div#mainMenuH ul.level0 li.button:hover ul.level1 {display: block;}
div#mainMenuH ul.level1 li.submenu-opener:hover ul.level2 {display: block;}
div#mainMenuH ul.level2 li.submenu-opener:hover ul.level3 {display: block;}
div#mainMenuH li.delimiter {float:left; width:2px; height:24px; background-image: url(../images/main_delimiter.png);}
div#mainMenuH li span.disabled { /* non-clickable items */font-size: 10pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div#mainMenuH li.button {position:relative;float:left;}
div#mainMenuH li.button a.menu-item:link,
	div#mainMenuH li.button a.menu-item:visited {padding: 5px 10px;color:#fff;font-size:10pt;margin-right: 0;}
div#mainMenuH a.top {} /* for L0 items only */
div#mainMenuH li.button a.menu-item:hover {padding: 5px 10px;color:#fff;}
div#mainMenuH li.button:hover {background-color:#FAA634;color:#fff;}

/* Vertical Menu (Shopping, Member Menu etc.) */
/* Menu color scheme */
/*
background          : #EADFD5
background (hover)  : #D3D5D5
textcolor           : #FAA634
textcolor (hover)   : #9c293f
*/

div.verticalMenu {position:relative;top:0;background-color: #EADFD5;z-index:0;}
div.verticalMenu ul {margin:0; padding:0;}
div.verticalMenu li {list-style: none; position: relative; line-height:1em;}
div.verticalMenu li a {display: block;text-decoration:none; font-size:9pt;}
div.verticalMenu ul ul {width:210px;margin-top:-30px;left:190px;position: absolute;display: none;border:1px solid #ABABAB; background-color:#EADFD5; }
div.verticalMenu li.submenu-opener ul {top:30px;left:180px;}
div.verticalMenu ul ul li {position:relative; color:#FAA634;}
div.verticalMenu ul ul li:hover {background-color:#D3D5D5;color:#9c293f;text-decoration: none;}
div.verticalMenu ul ul li a:link,
	div.verticalMenu ul ul li a:visited {color:#9c293f; padding: 8px 15px; }
div.verticalMenu ul ul li a:hover {text-decoration:none;color:#FAA634;}
div.verticalMenu li.submenu-top,
	div.verticalMenu li.submenu-bottom {display: none;}
	/* div.verticalMenu li.submenu-top:hover,
	div.verticalMenu li.submenu-bottom:hover {display: none;} */
div.verticalMenu li.submenu {background-image: url('../images/head_point_default.png');background-repeat: no-repeat;background-position: 95% 50%;}
div.verticalMenu li.submenu-bottom {display: none;}
div.verticalMenu li.submenu-top {display: none;}
div.verticalMenu ul.level0 li.button:hover ul.level1 {display: block; z-index: 10;}
div.verticalMenu ul.level1 li.submenu-opener:hover ul.level2 {display: block; z-index: 20;}
div.verticalMenu ul.level2 li.submenu-opener:hover ul.level3 {display: block; z-index: 30;}
div.verticalMenu li.delimiter {display:none;}
/*div.verticalMenu li.hr,
	div.verticalMenu li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #ABABAB;margin:0;padding:0;}*/
div.verticalMenu a.top {} /* for L0 items only */
div.verticalMenu li span.disabled { /* non-clickable items */font-size: 10pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div.verticalMenu li.button {position:relative;}
div.verticalMenu li.button a.menu-item:link,
	div.verticalMenu li.button a.menu-item:visited {padding: 5px 15px;color:#9c293f;}
div.verticalMenu li.button a.menu-item:hover {padding: 5px 15px;color:#FAA634;}
div.verticalMenu li.button:hover {background-color:#D3D5D5;color:#FAA634;}

/* Additional Horizontal Menus (Top, Bottom etc) */
/* Menu color scheme */
/*
background          : #EADFD5
background (hover)  : #D3D5D5
textcolor           : #FAA634
textcolor (hover)   : #9c293f
*/

div.horizMenu {background-color:inherit;position:relative;top:0;left:0;z-index:10;}
div.horizMenu ul {}
div.horizMenu li {list-style: none;}
div.horizMenu li a {font-size:8pt;display: block;text-decoration:none;}
div.horizMenu ul ul {width:180px;left:5px;position: absolute;display: none;z-index:1000;border:1px solid #ABABAB;}
div.horizMenu li.submenu-opener ul {top:0;left:180px;}
div.horizMenu ul ul li {position: relative;height: 30px;background-color:none;color:#fff;}
div.horizMenu ul ul li:hover {background-color:none;color:#9c293f;text-decoration: none;}
div.horizMenu ul ul li a:link,
	div.horizMenu ul ul li a:visited {color:#fff ;padding-left: 15px;padding-top: 8px;display: block;height: 30px;}
div.horizMenu ul ul li a:hover {text-decoration:none;color:#FAA634;}
div.horizMenu li.submenu-top,
	div.horizMenu li.submenu-bottom {display: none;}
/*	div.horizMenu li.submenu-top:hover,
	div.horizMenu li.submenu-bottom:hover {display: none;} */
div.horizMenu li.submenu {background-image: url('../images/submenu_default.gif');background-repeat: no-repeat;background-position: 95% 50%;}
div.horizMenu li.submenu:hover {}
div.horizMenu li.submenu-bottom {display: none;}
div.horizMenu li.submenu-top {display: none;}
div.horizMenu ul.level0 li.button:hover ul.level1 {display: block;}
div.horizMenu ul.level1 li.submenu-opener:hover ul.level2 {display: block;}
div.horizMenu ul.level2 li.submenu-opener:hover ul.level3 {display: block;}
div.horizMenu li.delimiter {display:none;}
/*div.horizMenu li.hr,
	div.horizMenu li.hr:hover {height:1px !important;line-height:0;border-bottom:1px solid #ABABAB;margin:0;padding:0;} */
div.horizMenu a.top {} /* for L0 items only */
div.horizMenu li span.disabled { /* non-clickable items */font-size: 8pt;display: block;color:#616161;padding: 7px 15px 3px 15px;font-style:italic;}
div.horizMenu li.button {position:relative;float:left;}
div.horizMenu li.button a.menu-item:link,
	div.horizMenu li.button a.menu-item:visited {padding: 5px 5px;color:#fff;font-size:8pt;margin-right: 0px;}
div.horizMenu li.button a.menu-item:hover {padding: 5px 5px;color:#FAA634;}
div.horizMenu li.button:hover {background-color:none;color:#FAA634;}


/* User feedback, errors, warnings and info highlights  */
div.feedback {font-size:1.1em;font-weight:bold;margin:10px 0 10px 0;padding:5px;text-align:center;color:#FFF;}
div.actionok {background-color:#6C7A5F;}
div.general {background-color:#6C7A5F;}
div.error {background-color:#9c293f;}
div.warning {background-color:#FAA634;}
div.notice {background-color:#6C7A5F}
div.feedback span {color:#FFF;} /*for the output of WARN | ERROR | INFO etc.*/

/* the main div holding the entire design */
div#centering {position:relative; top:0; left:50%; width:990px; margin-left:-495px; background-color:#FFF; padding:0px;overflow:hidden;}

/* the banner head for the design */
div#header {width:990px;text-align:right;padding-top:5px;height:194px;}
div#header a#clickable-header {position:absolute;top:100px;right:5px;height:95px;width:400px;z-index:1000;display:block;}
div#header a#clickable-header:hover {cursor:pointer;} 
div#header.head1 {background-image: url('../images/banner_default.jpg');background-repeat: no-repeat;}  /* banner image */
div#header-menu {float:right;display:inline;margin-right:5px;} /* banner (top) menu */
div#topmenuhoriz {height:29px;background-image: url('../images/main_menu_fader.png');padding:1px 5px 0 0;background-color:#FAA634;} /* main menu holder */
div#sitesearch {background: url('../images/topfader_default.png') repeat-x;text-align:right;height:30px;padding:2px;}
div#timeanddate{float:right;margin:7px 5px 5px 5px; color: #FFF;}
div#breadcrumb {float:left;margin:3px;font-size:0.8em;color:#666666;}
div#breadcrumb a {padding: 0 3px;color:#666666;}

/* div#content is the main div holding the content output */
div#content {margin:0 10px 0 230px;}
div#content div.intro {background-color:#fff;margin:10px 10px 20px 0;color:#645757;line-height: 1.5em;font-weight:bold;}   /* content intro */
div#content .sig {font-style: italic;padding:5px;color: #565658;line-height: 1.5em;} /* content author's signature */
div#content p {line-height: 1.6em; margin:0 0 10px 0;} /* content paragraphs */
div#content p.bottom {margin-bottom: 40px;}
div#content ul {margin:8px 0 8px 30px;}
div#content img {margin:5px 10px 5px 10px;}
div#content div.highlight-bg {} 

/* special AQ design elements */
div#content div#buttons {float:right;width:312px;margin-left:15px;}
div#content div#buttons div.imagetext {height:202px;width:307px;color:#FFF;padding:10px 0 0 10px;margin-bottom:5px;}
div#content div#buttons div.imagetext h2 {font-size:1.3em;margin:0 0 10px 0;color:#FFF;width:280px;line-height:1em;width:250px;}
div#content div#buttons div.imagetext p {font-size:0.9em;width:290px;margin:0;line-height:1.2em;} 
div#content div#buttons table {margin:0;padding:0;}
div#content div#buttons table td {margin:0;padding:0;font-size:0.8em;}
div#content div#buttons a {color:#FFF;}  
div#content div#articles {margin-bottom:20px !important;background-color:#ffcc99;padding:0 15px 0 15px;float:left;width:320px;margin:10px 0 10px 0;} 
div#content div#articles a {text-decoration: none !important;}
div#content div#articles h2 {font-size:1.3em;color:#FFF;} 

/* main site design, left col */
div#left-column {float:left;width:210px;background-color:#fff;border-right:2px solid #c6beb7;}
div#left-column div.spaced {margin:0 0 10px 10px;padding:1px 10px 10px 10px;}
div#left-column h2 {font-size:1.2em;margin:15px 0 10px 0;color:#9c293f;padding-bottom:5px;}
div#left-column div.highlight-bg {background-color:#FFF;margin-right:10px;} 
div#left-column p, div#left-column span, div#left-column table td {font-size:0.9em;}

div.spaced {margin:0 0 10px 0;padding:1px 10px 10px 10px;}
div.highlight-bg {background-color: #f3f5f5;}
.teaser {line-height: 1.5em; margin:4px 0 4px 0;}
p.mediadllink {margin:4px 0 4px 0;font-size:0.9em;}
p.mediadlmsg {margin:2px 0 2px 0;line-height:1.2em;font-size:0.9em;color:#565658}

/* buttons */
input.push-button {margin:1px !important;background-color:#FAC47D;width:110px;padding:0 0 1px 0;height:24px;cursor:pointer;border:1px solid #FAA634;font-size:9pt !important;font-weight:bold;color:#FFF; }
input.push-button:hover { background-color:#FAA634;}

/* Footer */  
div#foot {clear:both;background-color:#958a7f;height:70px;}
div.foot-centered {position:relative; top:0; left:50%; width:990px; margin-left:-495px;}
div#footmessages {background-color:#645757;margin-bottom:0;} 
div#footer-menu {float:right;margin-top:25px;margin-right:5px;}
div#foot-productdetails { padding:0 10px 10px 0;text-align:right;float:right;margin-top:15px;}
div#foot-productdetails a {color:#FFF;}
div#foot-productdetails a:hover {color:#FAA634;} 
div#foot img.logo {float:left;margin:10px;}

/* formSearch */
div#formSearch {float:right;position:relative;width:500px;height:22px;margin-top:1px;}
div#formSearch td {vertical-align:top;padding:0;line-height:0pt;text-align:right;}
div#formSearch .text   {width:120px; right:85px; height:20px !important;}
div#formSearch .button {width:80px;  right:0;    height:22px !important;}
/*
div#formSearch .text   {width:120px; right:190px; height:20px !important;}
div#formSearch .select {width:100px; right:85px;  height:22px !important;}
div#formSearch .button {width:80px;  right:0;     height:24px !important;}
*/
div#formSearch .text,
	div#formSearch .select,
		div#formSearch .button {
			position:absolute;
			border:1px solid #F3F5F5;
			top:2px;
			margin:0 !important;
			padding:0 !important;

		}
div#formSearch .text, div#formSearch .select {
	background-color:#FFF;
}

/* Standard admin form */
table.general {text-align:left;}
table.general th {padding:0;}
table.general td {padding:2px;}
table.general td.leftcol {text-align:right;vertical-align:top;white-space:nowrap;font-style:italic;padding-top:5px;}
table.general td.rightcol {text-align:left;vertical-align:top;border-width:0 1px 1px 0;}

/* Admin tabs */
div#maintabbed { margin:0; } /* main holder for tabbed pages */
table.tabheads { margin:0 !important;} /* needed because main content places a margin around tables */
table.tabheads td { cursor:pointer;width:80px;text-align:center !important; padding:5px !important;border-right:1px solid #FFF;font-size: 0.8em;}
table.tabheads td a { font-size:0.9em; line-height:1.1em;}
table.tabheads td.off { background-color:#D3D5D5; }
table.tabheads td.on { background-color:#f3f5f5; }
div.tabcontent {margin:0;padding:5px !important;border:1px solid #D3D5D5;text-align:center;}

/* Standard admin form */
table.adminform {background-color:#FFF;border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminform td {padding:4px 5px 0 4px;border-bottom:1px solid #F3F5F5;}
table.adminform td.leftcol {text-align:right !important;vertical-align:top;width:150px;white-space:nowrap;font-style:italic;border-width:0 0 1px 1px;font-size: 0.8em;}
table.adminform td.helpcol {width:15px;vertical-align:text-top;}
table.adminform td.helpcolshort {width:5px;vertical-align:text-top;}
table.adminform td.rightcol {text-align:left; vertical-align:top;border-width:0 1px 1px 0;}
table.adminform tr.row0 { background-color:#EADFD5; }
table.adminform tr.row1 { background-color:#FFF; }
table.adminform tr.row0:hover {background-color:#f3f5f5;}
table.adminform tr.row1:hover {background-color:#f3f5f5;}
div.htmlcheckboxes input {margin-right:5px;}
.required {color:red;font-weight:bold;font-size:1.1em;text-decoration: none;}
span.emp {color:#aaaaaa;font-style: italic;}

/* Admin list pager */
table.listpager {margin:0;text-align:center;border-top:1px solid #ABABAB;background-image: url('../images/topfader_default.png');}
table.listpager td {padding:5px;font-size:8pt;white-space: nowrap;}
table.listpager td.nextpagelink,
	table.pager, td.prevpagelink {width:100px;margin:0;padding:0;}
table.listpager td.pagelinks table {margin:0 0 0 100px !important;}
table.listpager td.active {color:#0060A4; font-weight:bold;}
table.listpager td.active input[type="text"],
	table.listpager td.active option { background-color:#AA000E; color:#0060A4; }

/* Admin list */
table.adminlist table.listtitle { background:none;  border-collapse:collapse; margin:0; padding: 0;}
table.adminlist table.listtitle td,
	table.adminlist table.listtitle th { font-family:"Arial narrow"; padding:0 !important; }
table.adminlist { background-color:#FFF;border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminlist th { padding:4px;  border-bottom:1px solid #ABABAB; border-top:1px solid #ABABAB; height:25px; background-color:#F3F5F5; font-size:0.9em; }
table.adminlist th.title { text-align:left; }
table.adminlist tr.row0 { background-color:#EADFD5; }
table.adminlist tr.row1 { background-color:#FFF; }
table.adminlist td {border-bottom:1px solid #F3F5F5;font-size:8pt;border-left:1px solid #F3F5F5;font-weight:normal;padding:4px;}
table.adminlist td span, table.adminlist a {font-size:8pt;}
table.adminlist tr.row0:hover {background-color:#f3f5f5;}
table.adminlist tr.row1:hover {background-color:#f3f5f5;}
table.adminlist td.leadin { width:1%; }

.adminwidth {width:660px;margin:0;border:1px solid #FFF;} /* the standard width to use for all admin lists, forms and pagers */

table.adminlist table.listtitle td.upDownLinkArr { border-collapse:collapse;white-space: nowrap;}
table.adminlist table.listtitle td.upDownLinkArr a {  text-decoration:none; margin:0 !important; padding:0 !important; font-size: 2px !important; line-height: 2px !important; }
table.adminlist table.listtitle td.upDownLinkArr img { margin:0 !important; padding:0 !important; }

/* attached media items */
div#attachedmedialist {
	text-align:left;
	overflow:auto;
	height:180px;
}

div#attachedmedialist table.mediaitems td {
	padding:5px;
	text-align:center;
	white-space:nowrap;
}

div#attachedmedialist div.spacer {
	width:90px;
	height:90px;
	vertical-align:text-bottom;
}


/* Alignment */
.txtcenter {text-align:center;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.floatleft {float:left;margin-right:10px;}
.floatright {float:right;margin-left:10px;}
.mainmedia {float:left;text-align:center;margin:0 10px 10px 0;background-color:#FFF;}

/* Template name output */
div.smartytemplate {padding-left:3px;z-index:1;margin:1px;float:left;color:#FF0000;background-color:#FAA634;font-size:0.8em; !important;text-align:left;}

/* Content archives */
div.archive {text-align:left; margin: 0 0 20px 0;line-height: 1.5em;}
div.archive .year { margin-top: 5px; background:url('../images/right_arrow_default.png') no-repeat;background-position: 0 2px;padding-left:15px;}
div.archive .month { margin-left: 20px; }
div.selectedarchive a {font-weight:bold !important;}

/* user-side function bar */
div#icons {margin-bottom:10px;}
td.icon-td {width:55px;font-size:0.9em;padding:5px !important;text-align:center !important;}
td.icon-td img {margin:0 !important;}
td.icon-td img:hover {position:relative;left:1px;top:1px;}
td.icon-td a {display:block;text-decoration:none;}
.divider {border-right: 1px solid #9c293f;}

/* specific styles */
.smallgray {color:#565658;font-size:8pt;} /* general small font */
.title {display: block;font-weight: bold;}
.smallwhite {color:#FFF;font-size:8pt;}
.smaller {font-size:0.8em;}

/* info tag format */
.infotag {background: url('../images/system/question.png') no-repeat;display:inline;cursor:pointer;padding:0 7px 0 7px;text-decoration: none !important;background-position:0 3px;}

/* product display */
table#productdetails p {margin:4px;white-space:normal;}
table#productdetails .price {font-size:1.2em;}
table#productdetails {width:97%;}
table#productdetails td.leftcol {padding-right:20px;width:80%;}
table#productdetails td.rightcol {padding:0;width:20%;}
table#productdetails td.rightcol div {margin-left:0px;margin-right:0px;}
table#productdetails h1.price {background-color:yellow;padding:5px;margin-bottom:5px;font-weight:bold;}
div.productbuttons {margin-bottom:10px;padding:10px;}

div.productitem {border:1px solid #9c293f;width:230px !important;}
div.productitem h4 {font-size:1.1em;margin-top:0;}
div.productitem p {margin:4px;white-space:normal;}
div.productitem img {border:1px solid #ABABAB !important;padding:2px;}

div.moreitems {font-weight:bold;margin-left:15px;}
hr.cagegoryhr {margin:20px;}
div.productinfo {background-color:#f3f5f5;text-align:center;padding-bottom:2px;}
div.productinfo h4 {margin:0 0 5px 0;background-color:#9c293f;padding:2px 0 2px 0;font-weight: bold;}
div.productinfo h4 a {color:#FFF !important;}
div.clear{clear:both;height:0;}

table.productlisting {border-collapse:collapse;margin:0 !important; }
table.productlisting tr , table.productlisting td { padding:0; margin:0; }
table.productlisting td.product {width:220px;height:330px;padding:10px !important; }
table.productlisting table.innerholder {height:100%;border:1px solid #9c293f;border-collapse:collapse;margin:0 !important;}
table.productlisting table.innerholder td {width:220px;}
table.productlisting table.innerholder td.buttons {vertical-align:bottom !important;text-align:left !important;background-color:#f3f5f5;padding:3px 0 3px 0;}
table.productlisting table.innerholder td.buttons span {font-size: 1.1em;}
.featured {background-color: #EADFD5;border:1px solid #ABABAB;}

table.logger { background-color: silver; text-align: left; }

/* VO design */
.folder-open { background: url('../images/system/folder-open.png') no-repeat; cursor:pointer;width:20px;}
.folder-closed { background: url('../images/system/folder.png') no-repeat; cursor:pointer;width:20px;}
.archfolder { display:inline; padding:10px; cursor:default; margin-right:2px; background-position:center; }
.archpadding { color:#ABABAB; font-family:monospace; }

table.voMediaList { background-color:#FFF;border-collapse:collapse;text-align:left;}
table.voMediaList td, table.voMediaList th {font-family:"Arial narrow"; padding:4px;}
table.voMediaList th { border-bottom:1px solid #ABABAB; border-top:1px solid #ABABAB; height:25px; background-color:#F3F5F5; font-size:0.9em;}
table.voMediaList td {border-bottom:1px solid #F3F5F5;}

.voDir { margin: 5px 0; }

.voPad2 { margin-left: 15px !important; }
.voPad3 { margin-left: 30px !important; }
.voPad4 { margin-left: 45px !important; }
.voPad5 { margin-left: 60px !important; }
.voPad6 { margin-left: 75px !important; } 
.voPad7 { margin-left: 90px !important; } 
.voPad8 { margin-left: 105px !important; } 
.voPad9 { margin-left: 120px !important; } 
.voPad10 { margin-left: 135px !important; } 

/* Poll design */
table.pollOut {}
table.pollOut img {padding:0; margin:0 !important; border:0;}
table.pollOut td {padding:0; text-align: left; vertical-align: text-top;white-space:nowrap;}
br.separator {margin-top:3px;}

/* Referral rewards  */  
div.reward {border:1px solid #ABABAB;margin-top:5px;padding:2px;}
div.reward div.buttons {background-color:#D3DADE;margin:0;padding:10px;}
div.reward .floatright {float:right;margin:0 0 15px 15px;}
div.reward h1 {font-size: 1.7em;}
div.reward p, div.reward h4, div.reward h1 {padding-left:5px;}
.referralpoints {font-size:1.7em;font-weight:bold;color:red;}