/* =INITIAL
    reset margin padding globaly - add margin padding same for every browser */
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset, table {margin: 0; padding: 0; font: 100%/120% Arial, Helvetica, sans-serif;}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 10px 0 10px 0; padding: 0;}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}
/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 100%; font-family: inherit;}
/* --------------------------- */
/* STARTING WITH STYLES HERE */
body, html {text-align: center;}
body {background: url(/export/system/modules/au.com.sparkup/resources/images/bg.gif); font: normal normal 12px Arial, Helvetica, sans-serif; line-height: 16px; color: #666;}
#mainwrapper {margin: 7px auto 0 auto; text-align: left; width: 800px; background: white;}
#flash {width: 800px; height: 214px; background: url(/export/system/modules/au.com.sparkup/resources/images/flashfake.gif) no-repeat;}
#navigation {width: 800px; height: 53px; background: url(/export/system/modules/au.com.sparkup/resources/images/borderNavi.gif) repeat-x;}
#navigation div {float: left;}
.NaviWrapper {margin: 23px 0 0 0;}
#topContentSection {height: 65px; width: 800px; background: url(/export/system/modules/au.com.sparkup/resources/images/top_bg.jpg) repeat-x;}
#topContentSection div {float: left;}
.Sub {padding: 25px 0 0 20px; width: 185px;}
.Title {padding: 15px 0 0 0;}
.TitleEmptyLeft {padding: 15px 0 0 35px;}
#Subnavi, #SubnaviContact {float: left; width: 185px;}
#Content {float: left; padding: 0 0 0 20px; width: 550px;}
#ContentSpace, ContentiBrochures {width: 700px; padding: 0 0 0 55px;}
.contentIE6Brochures {}
.ContentLeft {float: left; width: 234px;}
.ContentLeftSpace {float: left; width: 320px;}
.ContentRight, .ContentRightSpace {float: left; padding: 0 0 0 20px; width: 288px;}
.ContentRightSpace {width: 320px;}
#Subnavi ul, #SubnaviContact ul {margin: 0 0 0 10px;}
#Subnavi ul li {background: url(/export/system/modules/au.com.sparkup/resources/images/listStar.gif) no-repeat; list-style: none; padding: 0 0 10px 20px;}
#SubnaviContact ul li {background: none; list-style: none; padding: 0 0 10px 20px;}
.NaviIbrochure {margin: 0 0 0 50px; height: 0px; overflow: hidden;}
.NaviIbrochure ul li {background: url(/export/system/modules/au.com.sparkup/resources/images/ibrochure_subnavi_icon.gif) no-repeat; list-style: none; padding: 0 0 10px 20px;}
a.naviBrochureLink:link, a.naviBrochureLink:visited {font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #000;}
a.naviBrochureLink:hover, a.naviBrochureLink:active {color: #1b5ce9; text-decoration: none;}
.footer {margin: 0 auto 0 auto; width: 800px; height: 30px; background: url(/export/system/modules/au.com.sparkup/resources/images/bottom_bg.jpg) left top repeat-x;}
.designBy {float: right; margin: 15px 0 15px 0;}
.copyright {float: left; margin: 15px 0 0 0;}
.casestudiesNavi div {text-align: center; margin: 0 10px 0 0;}
.casestudiesNavi .liquor, .pharma, .retail, .other {width: 125px; height: 120px; float: left; background: url(/export/system/modules/au.com.sparkup/resources/images/casestudies_button.jpg) 3px bottom no-repeat;}
.casestudiesMenuLink {position: relative; top: 6px;}
.liquorIE6, .pharmaIE6, .retailIE6, .otherIE6 {padding: 1px 0 0 8px;}
/* GENERAL STUFF */
.clear {clear: both;}
a:link, a:visited {color: #F00; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a.subnavi:link, a.subnavi:visited {text-decoration: none; font: normal bold 12px Arial, Helvetica, sans-serif; color: #666;}
a.subnavi:hover, a.subnavi:active {text-decoration: none; font: normal bold 12px Arial, Helvetica, sans-serif; color: #999;}
.subnaviClient {font-size: 11px;}
.boldRedPara {font: normal bold 13px Arial, Helvetica, sans-serif; color: #930; line-height: 17px;}
.whiteBoxShad {background: url(/export/system/modules/au.com.sparkup/resources/images/whiteBoxMiddle.jpg) repeat-y;}
.spacer {width: 300px; margin: 15px 0 15px 0; border-top: 1px solid #000;}
.caseSubmenu {float: left; margin: 12px 0 0 0; padding: 3px 0 0 0; width: 118px; height: 25px; background: url(/export/system/modules/au.com.sparkup/resources/images/casestudies_button.jpg) no-repeat; text-align: center;}
/* FONTS */
h2 {font: normal bold 16px Arial, Helvetica, sans-serif; color: red;}
h3 {font: normal bold 12px Arial, Helvetica, sans-serif; color: black;}
/********************/
/* Buttons          */
/********************/
.buttonBar {text-align: center; margin-top: 10px; margin-bottom: 10px;}
.buttonBar input, .aButton {background-color:#ECF1FF height: 28px; margin-left: 10px; width: 100px; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333333; letter-spacing: 1px; text-transform: uppercase;}
/***********************/
/* Page Specific forms */
/***********************/
#loginForm {width: 250px; margin: 50px auto;}
#loginForm .diaform div.inner {clear: left; width: auto;}

/*  DIA form template    */
.diaform form {text-align: left; clear: both; width: 100%; margin-bottom: 10px;}
.diaform fieldset {border: none; margin: 0 0 10px 0; padding: 0;}
.diaform .legend {min-width: 0; position: relative; margin:1px;padding: 4px 10px;color: #FFFFFF; font-size: 14px; background-color: #FB7D69; }
.diaform div.label {clear: left; width: 140px; padding-right: 10px; color: #666666; float: left; vertical-align: top;text-align:right}
.diaform div.inner {float: left; clear: right; display: block; vertical-align: top;}
.diaform ol {margin: 0; padding: 0; border: 1px solid rgb(221, 221, 221);}
.diaform li {list-style: none; margin: 0; padding: 3px 10px 3px 10px; line-height: 1.6em;}
.diaform em {font-weight: bold; font-style: normal; color: #f00;}
.diaform .validation {background: #FFFFCC;}
.diaform .mandatory {font-weight: bold; color: #C0C0C0; margin-left: 3px;}
.diaform .mandatoryNotice {color: #C0C0C0; font-size: 10px; font-style: italic;}
.diaform li.error {color: #ff0000; margin-top: -5px; padding-top: 0; font-size: 11px; line-height: 1em;}
.diaform .clear {clear: both; height: 1px; overflow: hidden;}
.diaform li.heading {border-bottom: 1px solid #C1DAD7; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #6D929B; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 10px; background: #CAE8EA url(/export/system/modules/au.com.cmphotocentre/resources//export/system/modules/au.com.creativememories.cmcnetwork/resources/images/bg_header.jpg) repeat-x;}

/*   Table        */
table.report, .report table {width: 100%; border-collapse:collapse; clear: both; }
.report th { padding: 8px 4px; color: #FFFFFF;background-color: #FB7D69; font-size: 14px;font-weight:normal;}
.report td {padding: 8px 4px; border-top: 1px solid rgb(221, 221, 221); }
.report tr:hover td {background-color: #ECF1FF;} 
.report img {vertical-align:middle; }
.report p {margin:0}
.report tr.subheading td {font-weight:bold;color:#045C97}
.report tr.total td {font-weight:bold;background-color: #ECF1FF;}

/********************/
/* Tool Bar         */
/********************/
div.toolBar {margin: 10px 0 3px 0;clear:both}
div.toolBar div {float:left;margin-right:10px;padding:3px;text-align:center;width:85px}
div.toolBar img {vertical-align: middle;border:0;text-align:center;}
div.toolBar div div {float:none;padding:0;}
div.toolBar a {text-decoration:none;color:#666666;font-size:10px}
div.toolBar div:hover {background-color:#DDDDDD}