/* TC Brand Colours

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

*/


/* Default */

      body {
            background-color: #d4d4d4; background-repeat: repeat-x; background-image: url('http://www.thinkingcap.com/xsl/PageResources.ashx/Thinking Cap/Thinking Cap/images/layout/mainBackground.gif');
            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, a.imageLink {
            border-bottom: none 0px; }

      a.hidden {
            color: Black; }

      img {
            border: 0px; }

      hr {
            color: #dddddd; background-color: #dddddd;
            height: 1px;
            border: none 0px; }
            
    iframe  {
            border: solid 1px #959698; }
            
    #retweet iframe {
	  border: none 0px;
	  border-collapse: collapse;  } 
            
      input  {
            font-family: Tahoma, Geneva, sans-serif; }
            
      

/* Layout */

      div.layoutBase {
            border: 0;
            text-align: center;
            padding: 15px; }

      span.layoutContainer   {
            width: 847px;
            text-align: left;
            display: inline-block; }
            
      #mainSitelinks, #mainSitelinks a, #mainSitelinks a:hover {
            position: absolute; top:0px; 
            height: 1px;
            color: #ffffff; font-size: 1px; border: none 0px; }

      span.layoutContainerPopUp   {
            width: 464px;
            text-align: left;
            display: inline-block; }

      #contentBox       {
            border-top: none 0px; border-left: solid 1px #959698; border-right: solid 1px #959698; border-bottom: solid 1px #959698;
            padding: 1px;
            background: #ffffff;       }
            
      
      #mainMenuBar { 
            width: 843px; vertical-align: top;
            padding: 0px; margin: 0px; 
            border: none 0px; border-collapse: collapse;
            white-space: nowrap; font-size: 0.9em; }
          
      #mainMenuBar  td {
           vertical-align: text-top; border: none 0px;
           padding: 0px; margin: 0px; }
      
      td.tagline {
            width: 388px; height: 28px; padding: 0px; margin: 0px;}

      #pageContent {
            vertical-align: text-top; 
            padding: 10px; margin: 0px; 
            border: none 0px; border-collapse: collapse;
            font-size: 1em;  line-height: 1.5em;   }
            
      #pageContentBlog {
            vertical-align: text-top; 
            padding: 0px; margin: 0px; 
            border: none 0px; border-collapse: collapse;
            font-size: 1em;  line-height: 1.5em;   }

      /* #pageContent td {
            font-size: 0.9em;  line-height: 1.5em;   }
          
      #pageContent td.callToAction {
           vertical-align: top; border: none 0px; text-align: right;
           padding: 10px 0px 0px 0px; margin: 0px; }
          
      #pageContent div.content {
           vertical-align: text-top; border: none 0px;
           padding: 10px; margin: 0px; }*/
           
      #sectionHome, #sectionHomeContent {
            vertical-align: text-top; 
            padding: 0px; margin: 0px; 
            border: none 0px; border-collapse: collapse;
            font-size: 0.9em;  line-height: 1.5em;  }
           
      #sectionHomeContent td {
            vertical-align: text-top; 
            padding: 10px; margin: 0px;   }
           
      #contentManagement       {
            padding: 10px; margin: 0px;
            font-size: 1em;  line-height: 1.5em;       }
           
      #contentManagement input.button       {
            margin-right: 1px;      }
           
      #contentManagement span.editing       {
            font-size: 9pt;  line-height: 1.5em;       }

      div.contentContainer {
            padding: 10px 0px 10px 0px;
            width: 845px;
            vertical-align: top; }

      #navSubAndFeatures     {
            display: inline-block;
            width: 200px;
            vertical-align: text-top;
            border-left: dotted 2px #7f0d15;
            padding: 0px 10px 0px 10px;     }

      #content     {
            display: inline-block;
            width: 593px;
            vertical-align: text-top;
            padding: 0px 10px 0px 10px;
            margin-left: 10px;     }

      span.editing, a.pageLink     {
            font-size: 8pt;     }

      a.banner    {
            color: #7f0d15;
            text-decoration: none;
            border-bottom: none 0px;     }

      a:hover.banner {
            border-bottom: none 0px;  }
      
      td.tagcloud div  {
            width: 80%; 
            color: #ffffff; font-size: 4px;
            text-decoration: none;     }


/* Navigation Related Styles */

      /* Navigation */ 

            /* Main Menu */
                  
                  #navMain { 
	                width: 454px; height: 28px; 
	                border-bottom: solid 2px #ffffff; vertical-align:top;
	                background-color: #ffffff; overflow: hidden; white-space: nowrap;}

                  /* for nav to overlap image */
                  ul#topnav {vertical-align:text-top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
                  /* places nav items in a line */
                  ul#topnav li {float:left; list-style-type:none;}
                  /* places 1px white lien to the right of each main nav image */
                  ul#topnav li img {border-right: solid 2px #ffffff;}
                  /* puts each sub menu item on it's own line */
                  ul#topnav li a {display:block; text-decoration:none; border-bottom: none 0px;}
                  /*ul#topnav li a:hover {border-right: solid 2px #ffffff; background-image: url('{$page_images}/images/navigation/MainMenu-Portal_About-Us-Rollover.gif');}*/

                  /* prevents nav from wrapping onto second line when mouseover a menu item and add bottom red line to sub menu */
                  ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:130px; position:absolute; background-color: #ffffff; border-bottom: solid 5px #7d0202; border-left: solid 1px #959698; border-right: solid 1px #959698; top:114px;}
                  /* sets sub menu item style */
                  ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#7d0202; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;}
                  /* sets current item style */
                  ul#topnav .menu ul.sub_nav li a:hover {color:#7d0202; text-decoration: none; background-color: #c2c2c2;}

                  /* menu item show and hide */
                  ul#topnav li.Portal_About-Us:hover .menu {display:block;}
                  ul#topnav li.Portal_About-Us .menu {display:none;}

                  ul#topnav li.Portal_Products:hover .menu {display:block;}
                  ul#topnav li.Portal_Products .menu {display:none;}

                  ul#topnav li.Portal_Services:hover .menu {display:block;}
                  ul#topnav li.Portal_Services .menu {display:none;}

                  ul#topnav li.Portal_Partners:hover .menu {display:block;}
                  ul#topnav li.Portal_Partners .menu {display:none;}

                  ul#topnav li.Portal_Clients:hover .menu {display:block;}
                  ul#topnav li.Portal_Clients .menu {display:none;}

            /* Sub Menu */
            
                  #navSub { height: 27px; padding: 3px 15px 0px 15px;}
            
                  #navSub a { font-weight: normal;}

            /* Sub Level 3 */
            
                  div.navLevel3Current { width: 389px; height: 31px; margin-bottom: 5px; text-align: center; }            
                  div.navLevel3Current a.navLevel3Current { border-bottom: none 0px; font-weight: bold; line-height:  29px; }
            
                  div.navLevel3 { width: 389px; height: 31px; margin-bottom: 5px; text-align: center; }            
                  div.navLevel3 a.navLevel3 { border-bottom: none 0px; color: #5C5B5B; line-height:  29px;  }

            /* Sitemap Menu */
            
                  #navSitemap  { width: 800px;  }   
                  #navSitemap  td { padding: 5px;   }   
                  #navSitemap  ul { padding: 0px; margin: 0px; list-style-type:square; }  
                  #navSitemap  div { margin-bottom: 4px;  }  
                  #navSitemap  li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px; }  
                  #navSitemap  a.navSitemapMain { border-bottom: none 0px; color: #5C5B5B; font-size: 0.65em; line-height: 1.5em; font-weight: bold;  }            
                  #navSitemap  a.navSitemapMain:hover { border-bottom: solid 1px #5C5B5B; color: #5C5B5B; font-size: 0.65em; line-height: 1.5em;  font-weight: bold; }
                  #navSitemap  a.navSitemap { border-bottom: none 0px; color: #5C5B5B; font-size: 0.65em; line-height: 1.5em; font-weight: normal;  }            
                  #navSitemap  a.navSitemap:hover { border-bottom: solid 1px #5C5B5B; color: #5C5B5B; font-size: 0.65em; line-height: 1.5em; font-weight: normal;   }
                  
/* Content */

/* Defaults */

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

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

h3
{
      font-size: 1.2em;  line-height: 1.2em;
      font-weight:normal;
      color: #3E3E3E;
      margin-bottom: 0px;
      padding-bottom: 0px;
}

h4 
{
      font-size: 1em;  line-height: 1.1em;
      font-weight:normal;
      color: #7f0d15;
      margin-top: 3px;
      margin-bottom: 0px;
      padding-bottom: 0px;
}

/* Features */

div.featureTitle
{
      font-weight: bold;
}

/* Default Content Elements */

span.pageEmphasis
{
      background-color: #ffffdd;
      font-style: normal;
      padding: 2px 1px 2px 1px;
}

span.asset
{
      /*background-color: #cc3333; */
      margin: 15px 0px 15px 15px;
      padding: 0px;
      float: right; clear: 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;
}


/* Callout */

      fieldset {
	    background-color:#eeeeee; border-style:solid;  border-color:#7f0d15;
	    width:auto; min-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;      }
            
      div.author      {
            text-align: right; padding: 3px 0px;      }
      
      /* Registration Form */
            
      #Registration table {
            width: 80%; }
            
      #ForwardEmail table, #EmailPage table {
            width: 90%; }
            
      #Registration table table {
            width: 100%; }
            
      #Registration table td, #ForwardEmail table td, #EmailPage table td {
            font-size: 0.8em; line-height: 1.5em; 
            /*border-top: solid 1px #cccccc;*/ }
            
      #FormPanel table td.navMainDark, #ForwardEmail table td.navMainDark, #EmailPage table td.navMainDark {
            width: 30%; }
            
      #FormPanel table, #ForwardEmail table, #EmailPage table {
            font-weight: bold; }
            
      #FormPanel table tbody tr td.navMainLight span.FirstNameLabel, #ForwardEmail table tbody tr td.navMainLight span.FirstNameLabel, #EmailPage table tbody tr td.navMainLight span.FirstNameLabel {
            font-weight: bold;   }
            
      #Registration table td input.button, #ForwardEmail table td input.button, #EmailPage #ForwardEmail table td input.button {
            font-size: 1em; line-height: 1.5em; }
            
      /*#GroupFields_FieldTable, #CustomUserFields_FieldTable {
            display:none; }*/
      
      /* Become a Partner Form */
      
      #page_1 table  {
            width: 80%;    }
      
      #page_1 table tr td.tableHeader {
            background-color: #cccccc; color: #cccccc;
            height: 1px; font-size: 0px;
            padding: 0px; margin: 0px; }
      
      #page_1 table tr td.tableRow1, #page_1 table tr td.tableRow2 {
            font-size: 0.8em; line-height: 1.5em; 
            padding: 5px; margin: 0px;  }
      
      #page_1 table tr td.tableRow1 span, #page_1 table tr td.tableRow2 span {
            font-size: 0.8em; line-height: 1.5em;        }
        
      #page_1 table tr td.tableRow1 span.formRequired, #page_1 table tr td.tableRow2 span.formRequired {
            font-size: 1em; line-height: 1.5em; font-weight: bold;
            color: #aa000d; }


/* Assets */


table.dataTable
{
      border: dotted 2px #cc3333;
      margin: 15px 0px 15px 0px;
      padding: 5px; width: auto; min-width: 95%;
      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: 1em;
      background-color: #7f0d15;
      color: #ffffff;
      padding: 0px 0px;
      border: solid 1px #7f0d15;
      font-family: Tahoma, Geneva, sans-serif;
}



	/* Follow Us */

		#followUs {
			  width: auto; }

		#followUs a {
			  font-size: 0.7em; line-height: 16px;
			  color: #333333; font-weight: normal;
			  text-decoration: none; border-bottom: solid 1px #333333; }

		#followUs a:hover {
			  font-size: 0.7em; line-height: 16px;
			  color: #333333; font-weight: normal;
			  text-decoration: none; border-bottom: none 0px; }
		      
		#followUs img, #followUs td {
			  margin: 0px; padding: 0px; vertical-align: text-top; }
		      
		#followUs td.icons, #followUs td.name {
			  height: 20px; vertical-align: top; padding-top: 2px 0px 2px 0px; }
		      
		#followUs td.intro {
			  height: 35px; vertical-align: middle; }