body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background: #cccccc;
	color: #000000;
}

#pagecontainer
{
	position: relative;
	width: 1025px;
	margin-left: auto; 
	margin-right: auto;
}

#top
{
	margin : 0;
	padding: 16px 16px 0 16px;
	background-image : url("../images/top-tile.png");
	background-position : top left;
	background-repeat : no-repeat;
	height : 188px;
}

#top #sitetitle
{
	color: #0000B6;
}

#top #sitetitle #header
{
	background-position : top left;
	background-image : url("../images/header.png");
	background-repeat : no-repeat;
	height: 188px;
	width: 995px;
}

#top #pagetitle
{
}

#top #pagetools
{
	position: absolute;
	top: 2em;
	right: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#top #pagetools li
{
	display: inline;
	margin: 2px;
}

#top #pagetools li a
{
	text-decoration: none;
	color: #000000;
	border-style: outset;
	border-width: 1px;
	border-color: #b8b8b8;
	background: #ffffff;
	padding: 4px;
}

#top #pagetools li a:hover
{
}

#crumbs
{
	position: absolute;
	top: 152px;
	left: 20px;
}

#crumbs #icon
{
	background-position : center left;
	background-image : url("../images/crumb-icon.png");
	background-repeat : no-repeat;
	padding-top: 20px;
	margin-top: 5px;
	float: left;
	min-width: 20px;
}

#crumbs #crumblist
{
	color : #ffffff;
	height: 30px;
	line-height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#crumbs #crumblist a
{
	color : #ffffff;
}

/* Admin bar */
#adminbar 
{
    padding: 0.5em 0.5em 0.5em 0.5em;
    background: url(/images/blackalpha.png);
    color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    font-size: 0.9em;
    z-index: 332;
}

* html #adminbar
{
	position : relative;
	width : 940px;
	top : 100px;
	/*top : -75px;*/
	
}

#adminbar *
{
    margin: 0;
    padding: 0;
}

#adminbar h2 
{
    display: none;
}

#adminbar #adminusername 
{
    margin: 0;
    padding: 0;
    float: right;
}

#adminbar ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#adminbar ul li 
{
    display: inline;
    margin-right: 0.5em;
    white-space: nowrap;
}



#adminbar a, #adminbar a:visited, #adminbar a:hover, #adminbar strong
{
    color: #ffffff;
    background: inherit;
}

#bgshadow
{
	height : 100%;
	margin-bottom : 20px;
	background-image: url("../images/navbar-background-shadow.png");
	background-repeat: repeat-y;
	background-position: top left;
	position: relative;
	width: 1025px;
}

#navbar
{
	background-image: url("../images/navbar-background.png");
	background-position : top left;
	background-repeat : no-repeat;

	float: left;
	width: 198px;
	padding: 0 0px 0 1px;
	margin: 0 0 0 16px;
}
* html #navbar
{	margin-left: 8px;
}

#navbar_top
{
	display: none;
}

#navbar_bottom
{
	background-image : url("../images/menu-inactive.png");
	background-position : bottom left;
	background-repeat : no-repeat;
	margin: 0;
	padding: 0;
	height: 2px;
	position: relative;
}
* html #navbar_bottom
{	z-index: -1;
	margin-top: -18px;
	height: 20px;
}

#navbar h2
{
	display : none;
}

#navbar a
{
	color: #000000;
	display : block;
	text-decoration: none;
}

#navbar ul
{
	list-style: none;
}

#navbar ul,
#navbar ul li
{
	margin: 0;
	padding: 0;
}


#navbar ul li a
{
	background-image : url("../images/menu-inactive.png");
	background-position : top left;
	background-repeat : no-repeat;

	font-weight: bold;

	height: 22px;
	padding: 9px 0 0 30px;
}


#navbar ul li ul
{
	margin : 0;
	border-bottom : none;
	min-height : 0;
	display : none;
}

#navbar ul li.active ul
{
	display: block;
}

#navbar ul li ul.active
{
	background: #4B4BE0;
}

#navbar ul li ul li
{
	background-image: none;
	
	height: auto;
	margin: 0;
	padding: 0;
	min-height: 12px;
}

#navbar ul li ul li.active
{
	background-position: bottom left;
}

#navbar ul li ul li a
{
	background-image: url("../images/submenu-tile.png");
	background-position: bottom left;
	background-repeat: no-repeat;

	height: 21px;
	margin: 0;
	padding: 5px 0 0 15px;

	font-weight: bold;
	text-decoration: none;
}

#navbar ul li ul li ul
{
	background: none ! important;
	display: none ! important;
}

a:link,
a:active,
a:visited
{
	color: #003399;
	text-decoration: none;
}

a:link:hover,
a:hover,
a:visited:hover
{
	color: #003399;
	text-decoration: underline;
}

#main
{
	float: right;
	width: 773px;
	height: 100%;
	min-height : 400px;
	margin: 20px 26px 10px 0px;
	padding: 0;
}
* html #main
{	height : 400px;
	margin-right: 13px;
}

#main div.page
{
	min-height : 550px;
}

#sidebar
{
	top: 156px;
	float: left;
	margin: 0;
	border: 0;
}

.page
{	font-size: 12px;
}

h1.pageheader, h1.entry-header
{
	display: none;
	position: absolute;
}

h1
{
	font-size : 18px;
}

h2
{
	font-size : 16px;
}

h3
{
	font-size : 15px;
}

h4
{
	font-size : 14px;
}

h5
{
	font-size : 13px;
}

h6
{
	font-size : 12px;
}

#pagefooter
{
	clear : both;
}

#bottom
{
	clear : both;
	text-align : right;
	background-image : url("../images/bottom-tile.png");
	background-position : top left;
	background-repeat : repeat-x;
	padding-top : 40px;
	height: 20px;
}

#adminentry
{
	float : left;
	width: 200px;
	background: #ffffff;
	text-align: left;
	margin-left: 5px;
}

#siteprops
{
	float : right;
	margin-right: 5px;
}

* html table
{
	font-size : 11px;
}

.optiontable
{
	width : 80%;
	border : 1px solid #f2f2f2;
	border-collapse : collapse;
}

.thintable
{
	border : 1px solid #f2f2f2;
}

.itemtable
{
	border : 1px solid #f2f2f2;
	border-collapse : collapse;
}

th
{
	background-color : #ffffff;
	color : #000000;
	text-align : left;
}

.hidden
{
	display : none;
}

.warning
{
	color : #FF0000;
}

.errormessage
{
	border : 1px solid #f2f2f2;
	overflow : auto;
	min-height : 100px;
}

.fancylist
{
	border : 1px solid #f2f2f2;
	margin : 0;
	background-color : #f8e7e7;
}

.fancylist li
{
	border-left : 10px solid #f8e7e7;
	margin-left :20px;
	background-color : #ffffff;
}

* html .fancylist li
{
	margin-left : 30px;
	border-left : none;
}

abbr, acronym
{
	cursor: help;
}

th abbr, th acronym, td acronym
{
	border : none;
	text-decoration : none;
	font-variant : normal;
}

.page table
{
	font-size : 11px;
}

.browsebox
{
	width : 300px;
	min-height : 300px;
	border : 1px solid #f2f2f2;
	float : left;
	margin : 5px;
}

* html .browsebox
{
	height : 300px;
}

.browsebox h4
{
	font-size : 12px;
	text-align : center;
	margin : 2px;
	padding : 0;
}

.browsebox table.detailtable
{
	width : 100%;
}

.browsebox .detailtable th
{
	background-color : #f2f2f2;
}

.spacer
{
	clear : both;
}


/* FORM FIELD STYLES */

.formLabel {
	float: left;
	width: 150px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-left: 0.3em;
}

.formLabelError {
	float: left;
	width: 150px;
	color: #FF0000;
	margin-bottom: 0.5em;
	padding-left: 0.3em;
}

.formValue {
	margin-left: 150px;
	margin-bottom: 0.5em;
}

/* LOGON FORM */

#loginRow
{
	display: block;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 2px;
}

#loginbutton
{
	background: #ffffff;
}

#contactBar
{
	position: absolute;
	top: 180px;
	left: 25px;
	font-weight: bold;
	font-size: 1.2em;
}

#contactBar .phoneNumber
{
	color: #FFFFFF;
}

#contactBar .phoneLabel
{
	color: #CCCCFF;
}



/* FRONT PAGE */

#location-Home #main
{
	width: 795px;
	margin: 0px 14px 0px 0px;
	padding: 0;
}
* html #location-Home #main
{	
	width: 810px;
	margin: 0;
	padding: 0;
}

#azuragroupFrontpage
{
	width: 783px;
	height: 100%;
	margin: 20px 0 0 16px;
}

.azuragroupFrontPageLayout
{
	background-image: url("../images/vertspacer-bg.png");
	background-position: top left;
	background-repeat: repeat-y;
}

.azuragroupFrontPageBlocks a:hover,
.azuragroupFrontPageBlocks a:link,
.azuragroupFrontPageBlocks a:active,
.azuragroupFrontPageBlocks a:visited
{	text-decoration: none;
	color: #FFFFFF;
}

.azuragroupFrontPageBlock
{
	background-color: #FFFFFF;
	background-image: url("../images/home_block_background3.png");
	background-position: top left;
	background-repeat: no-repeat;
	
	height: 240px;
	width: 247px;
	
	float: left;
	
	padding: 0 11px 0 0;
	margin: 0;

	vertical-align: top;
	text-decoration: none;
}

.azuragroupFrontPageBlockHeading
{
	width: 227px;
	height: 25px;
	display: block;
	padding: 8px 10px 0 10px;
	color: #FFFFFF;
	font-family: "Arial Black", Arial, Helvetica, Sans Serif;
	font-size: 1.4em;
}

.azuragroupFrontPageBlockBody
{
	width: 227px;
	height: 135px;
	display: block;
	padding: 10px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
}

.azuragroupFrontPageList
{
	float: left;
	width: 241px;
	margin: 0 17px 0 0;
	
	vertical-align: top;
}

.azuragroupFrontPageListHeading
{
	display: block;
	width: 100%;
	padding-bottom: 3px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	color: #6666FF;
	font-size: 1.2em;
	text-transform: uppercase;
}

.azuragroupHeadingBullet
{
	float: left;
	background-image: url("../images/heading-bullet.png");
	background-position: top left;
	background-repeat: no-repeat;
	width: 15px;
	height: 11px;
	display: inline;
	margin-top: 2px;
}

.azuragroupFrontPageListBody
{
	display: block;
	width: 238px;
	padding: 0 0 0 3px;
}

.azuragroupFrontPageListBody p
{
	margin-top: 0;
}

.azuragroupFrontPageListBody .base-pagemod
{
	padding: 11px 0 0 0;
}

#crmoFooter
{
	border-top-width: 6px;
	border-top-color: #cccccc;
	border-top-style: solid;
	margin-top: 6px;
	padding-right: 5px;
	padding-top: 10px;
}

#crmoFooterFront
{
	padding: 0px;
	margin: 0px;
	margin-top: 6px;
	padding-right: 5px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.azuragroupPageHeading
{
	display: block;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	color: #6666FF;
	font-size: 1.2em;
	padding-bottom: 3px;
	width: 100%;
	text-transform: uppercase;
}

#crmoCompanyLogoStrip
{
	font-style: italic;
	color: #6666FF;
}

#crmoCompanyLogoStripAdmin
{
	float: right;
}

#crmoCompanyLogoStripAdmin a
{
	background-color: #003399;
	color: #ffffff;
}


.azuragroupClear
{
	clear: both;
}

/* NEWS STYLES */

.newsheading
{
	border-bottom-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.newstime
{
	margin-left: 10px;
	display: inline;
	font-style: italic;
	/*float: right;*/
}

.newstitle
{
	display: inline;
	font-size: 1.25em;
	font-weight: bold;
	color: #6666FF;
}

#newsitems
{
	padding-top: 10px;
}

.newsitem
{
	margin-bottom: 10px;
}

.newsitem h1
{
	font-size: 12px;
}

.newsitemreadmore
{
	margin-top: 5px;
}

.newsitemdate
{
	float: right;
	margin-top: 24px;
	margin-right: 10px;
	color: #6666FF;
}

.newsitembody
{
	margin-top: 2px;
}

.pagetype-base__form
{
	padding: 10px;
	padding-top: 20px;
}

.tcyclesummary
{
	width: 100px;
}

.pagetype-news__newsview
{

}

/**
 * IE6 Fixes.
 */

* html #crmoFooterFront
{
	padding: 0px;
}


/**
 * Contact form.
 */

.pageform th
{
	font-weight: normal;
	text-align: left;
	width: 15em;
}

.pageform th.formFieldItemLabelMissing
{
	color: red;
	font-weight: bold;
}

.pageform tr, .pageform td, .pageform th
{
	vertical-align: top;
}


/**
 * Data table.
 */
#datatable
{
	margin-top: 10px;
	border-collapse: collapse;
	border-bottom: solid 2px #000000;
	border-top: solid 2px #000000;
}

#datatable thead
{
	background: #ccccff;
}

#datatable thead tr td
{
	border-bottom: solid 2px #000000;
	border-left: solid 1px #aaaacc;
	border-right: solid 1px #aaaacc;
	width: 150px;
	padding: 2px;
	cursor: pointer;
}

#datatable tbody tr td
{
	border-bottom: dashed 1px #cccccc;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	vertical-align: top;
}

#datatable tbody tr td.rowOdd
{
	background: #ffffff;
	cursor: default;
}

#datatable tbody tr td.rowEven
{
	background: #ffffee;
}

#datatable tbody tr:hover td, .rowHover
{
	background: #ffcc99;
	cursor: pointer;
}

.rowSelected
{
	background: #aaaaff;
}

.rowSelectedHover
{
	background: #bbbbff;
	cursor: pointer;
}

#sideutil
{
	display: none;
}

/**
 * Form
 */

.messageInfo
{
	font-size: 1.1em;
	padding-top: 0.5em;
}

.formtable tr th
{
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 10px;
}

.formtable tr td input, .formtable tr td textarea
{
	border: solid 1px #aaaaaa;
}

.missingfield th label
{
	color: #ff0000;
	font-weight: bold;
}

.missingfield td input, .missingfield td textarea
{
	background: #ffeeee;
}

.invalidfield
{
	color: #ff0000;
	font-weight: normal;
	display: block;
	float: right;
}

/**
 * CRM MetaData Formatting
 */
.metadata_root_container
{
	padding-top: 1em;
}

.metadata_root
{
	display: none;
}

.metadata_tables_container
{

}

.metadata_table
{
	display: block;
	padding-top: 1em;
}

.metadata_table_header
{
	display: block;
}

.metadata_tablename
{
	display: inline;
	font-size: 1.5em;
}

.metadata_prefix
{
	display: inline;
}

/**
 * Error Message
 */

#errorMessageBlock
{
	background: #eeeeff;
	color: #ff0000;
	font-weight: bold;
	font-size: 1em;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.errorMessage
{
	color: #ee0000;
	font-weight: bold;
	margin-left: 1em;
}

/**
 * Case List
 */

#stageCountBarContainer
{
	position: relative;
	width: 500px;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 20px;

}

#stageChartContainer
{
	width : 600px;
	border : 1px solid #cccccc;
	float : left;
	margin : 2px;
}

#stageCountKeyContainer
{
	border-top : 1px solid #cccccc;
	background : #f2f2f2;
}

#stageChartLabel
{
	font-weight : bold;
	text-align : center;
	background-color : #ddddaa;
}

/*
 * ### DEBUG: These will be numbered, and the data sorted first - just for a quick test to get the
 *            basic principle working.
 */
.stageCountBar
{
	display: inline;
	position: absolute;
	height: 100%;
}

.stageCountKey
{
	position: absolute;
	display: inline;
	width: 10px;
	height: 10px;
	border: solid 1px #000000;
	margin-top: 2px;
}
.stageCountKeyItem
{
	display: inline;
}

.stageCountKeyLabel
{
	display: inline;
	margin-right: 10px;
	margin-left: 15px;
	cursor: pointer;
}

.percentageBar1
{
	background: #ee6666;
	cursor: pointer;
}

.percentageBar2
{
	background: #66cc66;
	cursor: pointer;
}

.percentageBar3
{
	background: #6666ee;
	cursor: pointer;
}

.percentageBar4
{
	background: #eeaa66;
	cursor: pointer;
}

.percentageBar5
{
	background: #aa33aa;
	cursor: pointer;
}

.percentageBar6
{
	background: #ffff33;
	cursor: pointer;
}

.percentageBar7
{
	cursor: pointer;
}

.percentageBar8
{
	cursor: pointer;
}

.percentageBar9
{
	cursor: pointer;
}

.percentageBar10
{
	cursor: pointer;
}

.stageCountBarWaiting
{
	background: #ee6666;
}

.stageCountBarInvestigating
{
	background: #66cc66;
}

.stageCountBarLogged
{
	background: #6666ee;
}

.stageCountBarSolved
{
	background: #eeaa66;
}

/**
 * Case Notes
 */

.colNoteCreatedDate
{
	width: 12%;
}

.colNoteStatus
{
	width: 5%;
}

.colNoteStage
{
	width: 5%;
}

.colNotePriority
{
	width: 5%;
}

.colNoteProgressNote
{

}

#timingInfo
{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 150px;
	height: 50px;
	padding-left: 10px;
	color: #ffffff;
}

/*
 * DATA TABLE: If we can, move these into separate CSS files and pull them in as required.
 */

/* The root table element. */
.default_dataTable
{
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-size: 1em;
	background: #ffffff;
	color: #000000;
	border: solid 1px #cccccc;
	border-collapse: collapse;
}

/* The entire table head, including filter bar */
.default_dataTable_head
{
	background: #ccddcc;
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
}

.default_dataTable_body
{

}

.default_dataTable_head tr td select
{
	font-size: 1em;
}

.default_dataTable_head tr td
{
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}

.default_dataTable_body tr td
{
	border-bottom: dashed 1px #cccccc;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	vertical-align: top;
}

/* Column heading with no special properties. */
.default_dataTable_heading
{
	background: #bbbbdd;
}

/* Column heading that is orderable. */
.default_dataTable_headingOrderable
{
	background: #ddddff;
}

/* Column heading that is orderable, with mouse hovered over it. */
.default_dataTable_headingOrderableMouseOver
{
	cursor: pointer;
	background: #bbbbff;
}

.default_dataTable_cell
{
	border: solid 0px #ffffff;
}

.default_dataTable_row
{
	background: #ffffff;
	cursor: pointer;
}

.default_dataTable_rowMouseOver
{
	background: #ffddcc;
	cursor: pointer;
}

.default_dataTable_tableContainer
{
	display: inline;
	position: relative;
	float: left;
}

.default_dataTable_filterBar
{
	position: relative;
	display: inline;
}

.default_dataTable_filterBar div
{
	display: block;
}

.default_dataTable_filterBar div div
{
	display: block;
}

/*
 * PAGER
 */


.default_Pager_backButtons
{
	display: inline;
}

.default_Pager_backButtonsInactive
{
	display: inline;
	color: #cccccc;
}

.default_Pager_backButtonsActive
{
	display: inline;
}

.default_Pager_backButtonsActive a
{
	text-decoration: none;
}

.default_Pager_forwardButtons
{
	display: inline;
}

.default_Pager_forwardButtonsInactive
{
	display: inline;
	color: #cccccc;
}

.default_Pager_forwardButtonsActive
{
	display: inline;
}

.default_Pager_forwardButtonsActive a
{
	text-decoration: none;
}

.default_Pager_pageList
{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.default_Pager_pageListItemInactive
{
	display: inline;
	font-weight: bold;
}

.default_Pager_pageListItemActive
{
	display: inline;
}

.default_Pager_pageListItemActive a
{
	text-decoration: none;
}


.crmCaseDetails
{

}

.crmCaseDetails td
{
	border : 1px solid #cccccc;
}

.crmCaseDetails th
{
	background-color : #ddddaa;
}

#companyDetails
{

}

.crmInfoBlock
{
	border : 1px solid #cccccc;
	float : left;
	margin : 2px;
}

.crmInfoBlock td
{
	border : 1px solid #cccccc;
}

.crmInfoBlock th
{
	background-color : #ddddaa;
}