/* 
	SEE THE MASS OF COMMENTS AT THE END OF THE 
	FILE THAT EXPLAINS THE GENRAL LAYOUT OF ALL PAGES
*/

/*
 * April 2009 - Tom Blockley
 * -------------------------
 *
 * A lot of this is probably unnecessary now. 
 * On the other hand, I'm leaving it in, since 
 * you never know. 
 *
 */

/* This bit is ripped out of the index page css for flexibility */
#content {
	position: absolute; 
	left:200px; 
	top: 210px; 
	text-align: center;
}
#leftMenu {
	position: absolute; 
	left: 0px; 
	top: 210px; 
	width: 200px;
}


/* Viewport code (required for moving footer) by Dave. */
#viewport {
	_height: 100%;/* underscore-hack for IE */
	min-height: 100%;
	margin-bottom: -35px;
}

/* Header */
.topHeader {
	background-color: #ffffff;
	min-width: 600px;
}
.logoClick {
	position: relative;
	width: 250px;
	height: 140px;
	background-image: url(logos/mastercover_logo.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
}
.ir_logo {
	position: absolute;
	background: url(logos/logo.jpg) no-repeat bottom right;
	top: 0;
	right: 10px;
	width: 360px;
	height: 140px;
	overflow: hidden;
}

.adminlogoClick {
	position: relative;
	width: 250px;
	height: 140px;
	background-image: url(/img/admin/iradmin.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
}
/* Top Menu */
.topMenu {
	background-color: #D2D2D2;
	height: 18px;
	background-image: url(common/menu.gif);
	background-repeat: repeat-x;
	min-width: 600px;
}
.topMenu a, .topMenu a:visited, .topMenu a:hover {
	color: #000;
	text-decoration: none;
	padding-top: 1px;
} .topMenu a:hover {
	text-decoration: underline;
}
.menuItem, .menuItemSelected {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1px;
	margin-bottom: 1px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #606060;
	height: 15px;
	font-size: 12px;
}
 .topMenu a.menuItemSelected {
	color: #FFFFFF;
	text-decoration: none;
}
.topMenu .menuItemSelected {
	background-color: #435D74;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #435D74;
	color: #FFFFFF;
	text-decoration: none;
}

.topMenuAdmin {
	background-color: #000000;
	height: 18px;
	background-image: url(common/menu.gif);
	background-repeat: repeat-x;
	min-width: 600px;
}
.topMenuAdmin a, .topMenuAdmin a:visited, .topMenuAdmin a:hover {
	color: #000;
	text-decoration: none;
	padding-top: 1px;
} .topMenuAdmin a:hover {
	text-decoration: underline;
}
 .topMenuAdmin a.menuItemSelected {
	color: #FFF;
	text-decoration: none;
}
.topMenuAdmin a.menuItemSelected {
	background-color: #367EEA;
	border-left: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #367EEA;
	color: #FFFFFF;
	text-decoration: none;
}
/* SubMenu */
.subMenu {
	background-color: #435D74;
	height: 16px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	white-space: nowrap;
	padding-top: 1px;
	min-width: 600px;
}
.subMenuAdmin {
	background-color: #367EEA;
	height: 16px;
	border-bottom: 1px solid #000;
	white-space: nowrap;
	padding-top: 1px;
	min-width: 600px;
}
.subMenuItemInactive, .subMenuItem {
	color:#fff;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
	float: left;
	font-size: 12px;
	white-space: nowrap;
} .subMenuItemInactive {
	color:#637D94;
} a.subMenuItem:hover {
	text-decoration: underline;
}
.menuFade {
	background-image: url(common/menuFade.gif);
	background-repeat: repeat-x;
	height: 1.2em;
}

/* pageContent nests the help and content */
#pageContent{
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	padding-right: 1em;
}

/* Help related */
#helpDisplay {
	position: relative; 
	width: 24%; 
	float: right;
	border-left: 1px dashed #888888;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 20px;
}
div.helpDiv {
	display:block;
}
h1.helpH1 {
	color: #ffffff;
}

/* Main content Related */
#contentDisplay {
	position: relative; 
	width: 73%;
	float: left;
}
#storeLeft {
	float:left; 
	width:53%;
}
#storeRight {
	float:left; 
	width:45%;
}
div.halfSplit {
	float:left; 
	width:49%;
}

/* Footer */
#footerSpacer{
	height: 44px;
	display: block;
	clear: both;
}
#footer {
    display: block;
    line-height: 12px;
	border-top: 1px dotted #999;
	color: #888;
	clear: both;
	font-size: 10px;
	text-align: center;
	background-color: #fff;
}
#footer p {
	color: #888;
	vertical-align: middle;
}


/* General bits*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	background-color:#FFF;
}
img {
	border: 0px;
}
h1 {
	font-size: 1.2em;
	color: #487ca8;
	margin-bottom: 0em; 
	margin-top: 1em;
	display: block;
	clear: left;
}
h1.blueback {
	background-color: #C5DCFD;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0em; 
	margin-top: 1em;
	display: block;
}
.errorMessage {
	color: #d43434;
	font-weight:bold;
	clear: left;
}
input, select, checkbox, radio {
	font-size: 0.9em;
	display:inline;
}
a {
	color:#5188B4;
}
.smallPrint {
	font-size: 0.8em;
	font-weight: normal;
}
.helpButton {
	cursor: pointer;
	vertical-align: middle;
}
#trigger {
	vertical-align: middle;
}

/* Layout */
div.singleColumn {
	width: 80%;
	padding-left: 10%;
	padding-bottom: 1em;
	clear:both;
}
div.twoColumnFieldGroup {
	float: left;
	width: 48%;
	padding-right: 0.8em;
	padding-bottom: 0.2em;
}

div.label{
	float: left;
	font-weight: bold;
	clear:left;
	padding-bottom: 0.2em;
}
div.value{
	float: right;
	padding-left: 1em;
	padding-right: 4em;
	clear: right;
	text-align: right;
	padding-bottom: 0.2em;
}
.clearboth {
	clear:both;
}

/* Admin only stuff from here down */
.searchDiv {
	text-align: right;
	padding-right: 1em;
	padding-top: 0.4em;
}
th {
	text-align: left;
}
table {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	clear: both;
}
hr {
	border: none 0; 
	border-top: 1px dashed #487ca8;
	border-bottom: 0px dashed #487ca8;
	height: 2px;
	clear: left;
}
.falseLink {
	color: #5188B4;
	text-decoration: underline;
	cursor: pointer;
}

/* These are more prominent boxes for errors cc page etc. */
*.errorBox, *.infoBox{
	background-color: #efefef;
	padding-left:1em;
	padding-right:1em;
	border:1px solid #435D74;
	margin-bottom:1em;
	width:40em;
}
*.infoBox{
	background-color: #ddd;
	padding-bottom:0.2em;
	padding-top:0.2em;
}

#quicksearch {
	text-align: left;
}

fieldset {
	border: 1px solid #dddddd;
	margin-right: 2em;
}
fieldset legend {
	font-weight: bold;
	color: #333333;
}
fieldset label {
	display: block;
	float: left;
	padding-left: 1em;
}
fieldset label.nofloat{
	float: none;
}
fieldset div.value {
	padding-right: 1em;
	float:none;
}
fieldset div.field {
	
}

.rowuser {
	color:#C00000;
}
.rowreminder {
	color:#008000;	
}
.rowsystem {
	color:#5C005C;
}
.rowauto {
	color:#0000E0;
}
.rowquote {
	color:#686868;
}


/* John's seo bits */

.reporticon {
	margin-left: 1em;	
}

#emailQuoteDiv a.buttonwhite
{
	display: block;
	background: transparent url(/img/css/buttonwhiteleft.png) no-repeat scroll top left;
	float:right;
	clear: right;
	height: 30px;
	margin: 5px 3em 5px 5px;
	padding: 0 0 0 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#emailQuoteDiv a.buttonwhite span {
	background: transparent url(/img/css/buttonwhite.png) no-repeat top right;
	display: block;
	line-height: 20px;
    padding: 5px 5px 5px 0;
    margin: 0;
}

#emailQuoteDiv a.buttonwhite:link,
#emailQuoteDiv a.buttonwhite:visited
{
	color: #002577;
}

#emailQuoteDiv a.buttonwhite:hover,
#emailQuoteDiv a.buttonwhite:active
{
	color: #FF7200;
}

form {
	margin:0;
	padding:0;
}

.noborder {
	border: 0;
}

dt {
	font-weight: bold;
}

/*  
Layout overview 
<body>
	<viewport>
		<topHeader>
		</topHeader>
		<topMenu>
		</topMenu>
		<subMenu>
		</subMenu>
		<pageContent>
			(see different options - /WEB-ROOT/templates/)
		</pageContent>
	</viewport>
	</footerSpacer>
	<footer>
	</footer>
</body>

(storeMasterSplit)
<pageContent>
	<storeLeft>
	</storeLeft>
	<storeRight>
	</storeRight>
</pageContent>

(adminMaster, loginMaster, mypolicymaster)
<pageContent>
	<helpDisplay>
	</helpDisplay>
	<contentDisplay>
	</contentDisplay>
</pageContent>

(adminMasterSplit)
<pageContent>
	<helpDisplay>
	</helpDisplay>
	<contentDisplay>
		<halfSplit>
		</halfSplit>
		<halfSplit>
		</halfSplit>
	</contentDisplay>
</pageContent>

(adminMasterBasic, storeMaster)
<pageContent>
	<contentDisplay style="width: 100%;">
	</contentDisplay>
</pageContent>

In order (roughly) of appearance 
Inheritances are shown, where possible, by 
running the classes together

*/

/* DELETE ME ???? */
*.formText {
	font-weight: bold;
	color: black;
}

*.formSmallText {
	font-weight: normal;
	color: black;
}

*.formField {
	padding-bottom: 0.6em;
}
div.field{
	clear:both;
	margin:0;
	/*float: left;
	width: 100%;*/
}
*.formPart {
	padding-left:0;
	padding-right:0;
	padding-bottom:0.6em;
	padding-top:0.6em;
}

.statusGreen {
   font-weight:bold;
   padding: 2px 6px 2px 6px;
   color:#000000;
   background-color:#DDFFCC;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:2px;
   cursor: pointer;
}

.statusRed {
   font-weight:bold;
   padding: 2px 6px 2px 6px;
   color:#000000;
   background-color:#FFCCBB;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:2px;
   cursor: pointer;
}
.statusRedNo {
   font-weight:bold;
   padding: 2px 6px 2px 6px;
   color:#000000;
   background-color:#FFCCBB;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:2px;
   cursor: pointer;
}