/* TC Brand Colours

Primary Colours:
Dark Red: #7f0d15
Light Red: #aa000d

*/


/* Default */

      body {
            background-color: #d4d4d4; background-repeat: repeat-x; 
            margin: 0px; padding: 0px;
            
            font-family: Tahoma, Geneva, sans-serif;
            font-size: 10pt; line-height: 18pt; 
            color: #333333; font-style: normal; }

      div, span, p, td {
            font-style: normal;  font-weight:normal; }

      a {
            color: #7f0d15; font-weight: bold;
            text-decoration: none; border-bottom: solid 1px #7f0d15;  }

      a:hover {
            border-bottom: none 0px; }

      a.hidden {
            color: Black; }

      img {
            border: 0px; }

      hr {
            color: #dddddd; background-color: #dddddd;
            height: 1px;
            border: none 0px; }

      iframe {
            border: none 0px; overflow: hidden;
            position: absolute; top: 72px; }

/* Layout */

	#home a {border-bottom: none 0px;}
    
	div.pageHeader a.pageLogo {border-bottom: none 0px;}
    
	div.pageHeader a.pageLogo img {margin: 10px;}

	
	
	/* Tabs */
    div.pageHeaderRoleTab 
	    { /* Defines the location of the login box and background style */
	    position: absolute; top: 45px; left:0px; 
	    padding-right: 10px;
	    width:100%; height: 27px; 
	    vertical-align: baseline;
	    background-repeat: repeat-x; background-position: bottom;  }

    #roleTabBox
	    { /*Adds the background image behind the text; defines the font colours */
	    height: 27px; cursor: hand;cursor: pointer; float: right;
	    display: inline-block; border: none 0px; border-collapse: collapse; 
	    margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}

    #roleTabBox td
	    { /*Removes the border */
	    height: 27px; float: none;
	    border: none 0px; border-collapse: collapse; 
	    margin: 0px;  padding: 0px;}

    #roleTabBox td a
	    { /*Removes the border */
	    color: White;}
    	
    #roleTabBox tr td.roleTabSelectedBoxText
	    { /*Adds the background image behind the text; defines the font colours */
	    color: White;	font-size: 0.9em; line-height: 0.8em; font-weight: bold;
	    height: 27px;  border: none 0px; border-collapse: collapse; 
	    margin: 0px 0px 0px 0px; padding: 0px 3px 0px 3px; vertical-align: middle; }
    	
    #roleTabBox td.roleTabDeselectedBoxText
	    { /*Adds the background image behind the text; defines the font colours */
	    color: White;	font-size: 0.9em; line-height: 0.8em; font-weight: bold;
	    height: 27px;  border: none 0px; border-collapse: collapse;
	    margin: 0px 0px 0px 0px; padding: 0px 3px 0px 3px; vertical-align: middle; }




/* Content */

    	
	div.layoutBase {
            border: 0;
            text-align: center; height:100%;
            padding: 15px; background-color: #d4d4d4; background-repeat: repeat-x;  }

      span.layoutContainer   {
            width: 847px;
            text-align: left;
            display: inline-block; }

      #contentBox       {
            width: 843px; /* border: solid 1px #959698;*/
            padding: 1px; text-align: left;
            background: #ffffff;       }

      #contentBox span.editing {
            font-size: 0.9em; }

      a.imageLink {
            border-bottom: none 0px;  }




/* Defaults */

h1 {
      font-size: 1.6em; font-weight: normal;
      color: #7f0d15;  }

h2
{
      font-size: 1.4em; font-weight:normal;
      color: #cc3333;
}

h3
{
      font-size: 1.2em; font-weight:bold;
      color: #ff6600;
      margin-bottom: 0px;
      padding-bottom: 0px;
}

/* Features */

div.featureTitle
{
      font-weight: bold;
}

/* Default Content Elements */

span.pageEmphasis
{
      background-color: #ffffcc;
      padding: 2px 1px 2px 1px;
}

span.asset
{
      /*background-color: #cc3333; */
      margin: 15px 0px 15px 15px;
      padding: 0px;
      float: right;
      display: -moz-inline-block;
      display: inline-block;
}

span.assetBorder
{
      border: solid 1px #cc3333;
}

span.asset span.caption
{
      background-color: #cc3333;
      padding: 5px;
      margin: 0px;
      color: #ffffff;
}


      fieldset {
	    background-color:#eeeeee;border-style:solid;  border-color:#7f0d15;
	    width:95%; border-width: 1px 0px 1px 0px; 
	    margin:20px 0px 20px 0px; padding: 0px 10px 10px 10px;
            display: block;  position: relative; font-size:1em; 	}
	
      legend {	
	    background-color:#ffffff;
	    border-width:1px 1px 1px 1px; border-style:solid; border-color:#7f0d15;
	    color:#7f0d15; font-weight:bold; letter-spacing:2px; font-size:1em;
	    padding:2px 5px; margin:0px 0px 10px 0px; 
	    top: -12px; position: relative;  }
      

#callout
{
      margin: 15px 0px 15px 0px;
      padding: 5px;
}

div.quoteCallout
{
      border: dotted 2px #d36900;
      margin: 5px 0px 5px 0px;
      display: -moz-inline-block;
      display: inline-block;
}

div.tipCallout
{
      border: dotted 2px #039403;
      margin: 5px 0px 5px 0px;
      display: -moz-inline-block;
      display: inline-block;
}

div.noteCallout
{
      border: dotted 2px #0c5aa9;
      margin: 5px 0px 5px 0px;
      display: -moz-inline-block;
      display: inline-block;
}

div.ideaCallout
{
      border: dotted 2px #620eb6;
      margin: 5px 0px 5px 0px;
      display: -moz-inline-block;
      display: inline-block;
}

div.quoteCallout div.calloutTitle
{
      background-color: #d36900;
      padding: 10px;
      vertical-align: text-top;
}

div.tipCallout div.calloutTitle
{
      background-color: #039403;
      padding: 10px;
      vertical-align: text-top;
}

div.noteCallout div.calloutTitle
{
      background-color: #0c5aa9;
      padding: 10px;
      vertical-align: text-top;
}

div.ideaCallout div.calloutTitle
{
      background-color: #620eb6;
      padding: 10px;
      vertical-align: text-top;
}

div.calloutTitle img
{
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      float: left;
}

div.calloutTitle span
{
      color: #ffffff;
      font-weight: bold;
      margin: 0px 0px 0px 0px;
      padding: 2px 0px 0px 0px;
      height: 26px;
      display: -moz-inline-block;
      display: inline-block;
}

#callout div.calloutContent
{
      padding: 5px 0px 5px 0px;
}

#callout div.calloutContent img.quoteCharacterOpen
{
      margin: 0px 5px 0px 0px;
}

#callout div.calloutContent img.quoteCharacterClose
{
      margin: 0px 0px 0px 5px;
}

#callout div.calloutContent span.calloutText
{
      padding: 0px;
      line-height: 20px;
}

#callout div.author
{
      text-align: right;
}

table.dataTable
{
      border: dotted 2px #cc3333;
      margin: 15px 0px 15px 0px;
      padding: 5px;
      font-size: 1em;
}

table.dataTable tr td
{
      border-bottom: solid 1px #dddddd;
      padding: 5px;
      margin: 5px;
}

table.dataTable tr.headerRow td
{
      background-color: #cc3333;
      border-bottom: none 0px;
      color: #ffffff;
      font-weight: bold;
}

/* Buttons */

input.button
{
      font-size: 0.7em;
      background-color: #7f0d15;
      color: #ffffff;
      padding: 0px 0px;
      border: solid 1px #7f0d15;
      font-family: Tahoma, Geneva, sans-serif;
}