﻿@charset "utf-8";
/* TMG CRB CSS */

/*	=RESET
---------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*	=GLOBAL
---------------------------------------------------------------- */
body {
	font-family: Verdana, Arial;
	font-size: 62.5%;
	margin: 10px;
	color: #333;
	background-color: #e5e5f5;
	overflow: auto;
    text-align: center;
    line-height: 1.4em;
}
p, q {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
q { font-style: italic; }
hr { 
	background-color: #E8ECEF;
	border: 0 none;
	color: #E8ECEF;
	height: 1px;
	margin: 5px 0;
}
ul {
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 15px 25px;
}
.tb {
	border: 1px solid #c9d5db;
	padding: 2px;
	margin: 0;	
	font-family: Arial, Verdana;
	color: #333;
}
fieldset select, fieldset textarea, .textarea {
	border: 1px solid #c9d5db;
	padding: 1px;
}

/*	=HEADERS
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.6em 0;
	line-height: 1.8em;
	font-weight: bold;
	color: #5880b3;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }

/*	=LAYOUT
---------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 960px;
}
#branding {
	height: 50px;
	margin-top: 10px;
	font-size: 1.2em;
	position: relative;
}
#external #branding { height: 30px; }
.logo {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	background: url(../images/img-logo.gif) top left no-repeat; /* IE6 FLICKER FIX */
}
.logo a {
	overflow: hidden;
	width: 151px;
	height: 45px;
	background: url(../images/img-logo.gif) top left no-repeat;
	text-indent: 1000px;
	display: block;
}
.login-area {
	position: absolute;
	top: 62px;
	right: 0;
}

#content-main, .content-main{
	width: 918px;
	border: 1px solid #bccbd2; /* SG - added all round border */
	/*
	border-left: 1px solid #bccbd2;
	border-right: 1px solid #bccbd2;
	border-bottom: 1px solid #bccbd2;
	*/
	background-color: #f9fafb;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 47px; /* SG - added to allow room for menu and header: SG - removed 10px as breadcrumb was taken out */
	text-align: left;/* SG - added left text align */
	/*overflow: auto;  SG - added for overflow problem in blog */
}

#footer { width: 960px; margin: 0 auto; clear: both; margin-top: -15px; font-size: 1.1em; line-height: 1.4em;  }  /* SG - Set negative margin on footer */

#divTopBar {
    /*background-color: #CCCCCC;
    border-bottom: 1px solid #333333; 
    position: fixed; */
    top:0;
    width:100%;
    height: 20px;
    z-index:100;
}

#divBasket
{
    float: right;
}

#divRegion 
{
    
}

/*	=CLEARFIX
---------------------------------------------------------------- */
.clearfix:after, .error-block:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix, .error-block { display: inline-block; } 
html[xmlns] .clearfix, html[xmlns] .error-block { display: block; } 
* html .clearfix, * html .error-block  { height: 1%; }
#wrapper .last, .last, #wrapper h2.last { margin-bottom: 0; }
.margin-top { margin-top: 10px; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }
.margin-left { margin-left: 10px; }
.width-auto, fieldset p.width-auto { width:auto; }
.input-align { margin-left: 209px; }
.input-align2 { margin-left: 150px; }
.complete { color: #258c02; }
#wrapper .reset-size { font-size: 1em; }
ul.standard { font-size: 1.2em; line-height: 1.6em; }
.indent30 { margin-left: 30px; }
.uppercase { text-transform: capitalize; }
.no-padding-right {padding-right:0;}
#wrapper .label-top { display: block; margin-bottom: 5px; text-align: left; }

/*	=NAVIGATION/LINKS
---------------------------------------------------------------- */

a, a:link, a:visited { color: #936c00; text-decoration: none }
a:hover { text-decoration: underline}

a.headerLink, a.headerLink:link, a.headerLink:visited { color: #FFFFFF; text-decoration: none }
a.headerLink:hover { text-decoration: underline}

a.disabledLink, a.disabledLink:link, a.disabledLink:visited { color: #4A4A4A; text-decoration: none }
a.disabledLink:hover { text-decoration: underline}


/*	=STYLES
---------------------------------------------------------------- */

.gradientTitle {
    background-color: #CECEF6; /* Opera and browsers that do not support gradients  */
    background: -webkit-gradient(linear, left top, right bottom, from(#CECEF6), to(#f9fafb)); /* Webkit browsers: Chrome, Safari etc. */
    background: -moz-linear-gradient(left,  #CECEF6,  #f9fafb); /* Mozilla Firefox */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#CECEF6', endColorstr='#f9fafb'); /* IE 5.5+ */
    padding: 2px 2px 2px 8px;
    font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: 600;
    color: #1C1C1C;
    width: 60%;
}

/* Icon in the top left corner of tables. I.e. Software downloads.  */
.tableTitleCell, .tableHalfTitleCell {
	padding: 4px;
	text-align: left;
	border: solid 1px #000000;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	width: 70%;
	height: 20px;
}

.tableHalfTitleCell {
	border-right-style: none;
}

.tableDownloadCell 
{
	padding: 2px 2px 0px 2px;
	text-align: right;
	border: solid 1px #000000;
	border-left-style: none;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold
}

.tableTitleRow
{
	background-color: #5880b3;
	border-spacing: 2px
}

.tableMainCell
{
	padding: 4px 4px 4px 4px;
	border: solid 1px #000000;
	font-size: 7pt
}

.tableFull {
	width: 100%;	
}
