/*
*
*   website styles that will be applied in TinyMCE and available in TinyMCE Styles dropdown
*
*/


/*** Web Site Styles **************************/
body
{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:100%;
	line-height:1.2em;
	font-weight: normal;
	text-decoration: none;
	color:#525546;
	background-color:#848879;
}

form
{
	margin:0;
}

h1 { margin:0px; padding:12px 0px 0px 3px; font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif; color:#4d6d3d; }
h2 { margin:0px; padding:12px 0px 0px 3px; font: bold 1.1em "Trebuchet MS", Arial, Sans-Serif; color:#4d6d3d; letter-spacing: .01em;}
h3 
{  
    white-space:nowrap;
	float:left;
	width:223px;
	margin:0px;
	padding:12px 0px 2px;
	background:url(../../../images/Blog/left-box-seporator.gif) no-repeat 0px 100%;
	text-align:center;
	font:bold 1em "Trebuchet MS", Arial, Sans-Serif;
	color:#858585;
	letter-spacing: 0em;
}

h4 
{
    margin:0px;
	padding:10px 0px 0px 0px;
	font: normal .9em "Trebuchet MS", Arial, Sans-Serif;
	color:#000;
	letter-spacing: .01em;
}

a:link     { font-family: Verdana, Arial, Helvetica, Sans-Serif; color:#000; }
a:visited  { color:#000; }
a:hover    { text-decoration:none;}

p { font-size: .8em; }

p a:link     { font-family: Verdana, Arial, Helvetica, Sans-Serif; color:#000; }
p a:visited  { color:#000; }

ul li { font-size: .8em; }

.parent-container
{
	width:100%;
	background-color: #848879;
	margin-left: -55px;
}

.body-bg
{
	margin:0px auto;
	width:1168px;
	background:#848879 url(../../../images/Blog/body-bg.jpg) repeat-y 50% 0px;
	padding:0px 0px 0px 0px;
}

.top-bg
{
	width:100%;
	background:url(../../../images/Blog/top-bg.jpg) no-repeat 50% 0px;
}

#main
{
	position:relative;
	margin:0px auto;
	padding: 0px;
	width:1014px;
	min-height:724px;
	z-index:10;
}
* html #main{ height:1063px;}


/*-- logo --*/
h1.logo{
	margin:0px;
	padding:0px;
	position:absolute;
	top:12px;
	left:-45px;
	text-indent:-3000px;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	
}
* html h1.logo{
	top:12px;
	left:-51px;}
h1.logo a{
	display:block;
	background:url(../../../images/Blog/logo.gif) no-repeat;
	width:164px;
	height:126px;
} 

/*-- left-column --*/
.left-column{
	position:relative;
	float:left;
	width:237px;
	display:inline;
	margin:65px 0px 0px -78px;
}

/*-- left-navigation --*/
.nav-bg{
	background:url(../../../images/Blog/left-nav-bg.jpg) repeat-y;
	float:left;
	width:237px;
}

ul.left-nav{
	position:relative;
	margin:0px 0px -240px;
	padding:160px 0px 0px 83px;
	background:url(../../../images/Blog/left-nav-head.jpg) no-repeat 0px 0px;
	float:left;
	width:154px;
}
ul.left-nav li{
	width:150px;
	float:left;
	list-style:none;
	padding:10px 0px 3px;
	font-family:Arial,sans-serif;
	font-size:.68em;
	font-weight: bold;
	line-height: 1.3em;
	background:url(../../../images/Blog/left-nav-seporator.gif) no-repeat 4px 100%;

}
ul.left-nav ul{
	float:left;
	width:154px;
	padding:5px 0px 0px;
	margin:0px;
}

ul.left-nav li .cat-item {
		padding:0px 0px 0px 10px;
}

ul.left-nav li ul li ul li{
		padding:0px 0px 0px 10px;
}

ul.left-nav li ul li ul{
			background:url(../../../images/Blog/left-nav-seporator.gif) no-repeat 4px 0px;

}

ul.left-nav li ul li ul li ul{
			background:url(../../../images/Blog/left-nav-seporator.gif) no-repeat 4px 0px;

}

ul.left-nav li ul {
			background:url(../../../images/Blog/left-nav-seporator.gif) no-repeat 4px 0px;

}


ul.left-nav li a{
	float:left;
	width:119px;
	padding:0px 0px 0px 10px;
	background:url(../../../images/Blog/a-arrow.gif) no-repeat 2px 3px;
	text-decoration:none;
	color:#2e67b2;
}
ul.left-nav li a:hover,
ul.left-nav li a.active{
	background:url(../../../images/Blog/a-down-arrow.gif) no-repeat 0px 4px;
}

ul.left-nav li.active{background:none;}
ul.left-nav li.active li{
	padding:0px 0px 0px 10px;
	background:none;
}

ul.left-nav li.active a{
	text-transform:uppercase;
}

ul.left-nav li.active ul li a{
	text-transform:none;
}

ul.left-nav ul li {background:none;}

ul.left-nav ul li
{
    font: 1em Arial, sans-serif;
}

ul.left-nav ul li a:link
{
    font: 1em Arial, sans-serif;
}

ul.left-nav ul li a{
	background:url(../../../images/Blog/a-short-line.gif) no-repeat 0px 6px;
	color:#636363;
}
ul.left-nav ul li a:hover{
	background:url(../../../images/Blog/a-arrow-right.gif) no-repeat 0px 4px;
	color:#2e67b2;
}


ul.left-nav li ul li H2 {
	background:url(../../../images/Blog/a-arrow.gif) no-repeat 2px 3px;
	color:#2E67B2;
		padding:0px 0px 0px 10px;
	    text-transform:uppercase;
		font-size:1.00em;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, Sans-Serif;

}

ul.left-nav li ul li H2:hover {
	background:url(../../../images/Blog/a-down-arrow.gif) no-repeat 0px 4px;
	cursor:pointer;

}

.nav-foot{
	height:557px;
	background:url(../../../images/Blog/left-nav-foot.jpg) no-repeat 0px 100%;
	float:left;
	width:237px;
}

/*-- right-column --*/
.right-column{
	position:relative;
	float:left;
	width:760px;
	min-width: 760px;
	padding:0px;
	margin: 0px;
}






/********************
**     Header      **
********************/
.right-column DIV.PageHeader
{
    /*border: 1px solid Black;*/
    position: relative;
	min-height: 93px;
}


/** Pre Navigation **/
DIV.PreNavHeader
{
    /*border: 1px solid Blue;*/
	min-height: 60px;
}

DIV.PreNavHeader A.MSGoldCert
{
	position: relative;
	float:right;
	width:88px;
	top: 13px;
}

DIV.PreNavHeader A.MSGoldCert IMG
{
	margin:0px;
	border:none;
}

DIV.PreNavHeader SPAN.SloganImg
{
	display: block;
	width:400px;
	height:17px;
	position: relative;
	top: 45px;
	left: 130px;
	background:url(../../../images/Blog/high-impact.gif) no-repeat;
}

DIV.PreNavHeader SPAN.SloganText
{
	display: none;
}

A.TLLogo
{
	position: absolute;
	height: 124px;
	width: 168px;
	background-image: url(../../../images/Blog/ThoughtLab_Logo.png);
	left: -48px;
	top: 13px;
	z-index: 10;
}

DIV.PageHeader DIV.PageBanner
{
	float:left;
	margin: -12px 0px 0px 0px;
	position: relative;
	z-index: -10;
}

DIV.PageHeader DIV.SwfHolder
{/*
	padding: 0px;
	z-index: -1000;
	*/
}

DIV.PageHeader IMG.TopPageBanner
{
	margin: 0px;
	padding: 0px;
}




/** Header Navigation  **/
UL.top-nav
{
    height: 27px;
	margin: 0px;
	padding: 5px 0px 0px 119px;
	font-size: 1.2em;
	z-index:100;
	/*border: 1px solid green;*/
}

UL.top-nav LI
{
	display: block;
	float:left;
	margin-right: 2px;
	width:auto;
	list-style:none;
	white-space:nowrap;
	/*border: 1px solid blue;*/
}

UL.top-nav LI A,
UL.top-nav LI SPAN
{
	display: block;
}

UL.top-nav LI A,
UL.top-nav LI A:visited
{
	cursor:pointer;
	color:#ccc;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	letter-spacing: .0125em;
	/*border: 1px solid red;*/
}

UL.top-nav LI SPAN.LCorner
{
	padding-left: 3px;
}

UL.top-nav LI SPAN.RCorner
{
	padding-right: 3px;
}

UL.top-nav LI SPAN.Arrow
{
	/*border: 1px solid yellow;*/
	padding: 5px 15px;
}

UL.top-nav LI.active SPAN.LCorner,
UL.top-nav LI A:hover SPAN.LCorner
{
	background:url(../../../images/Blog/HdrNav_bkgnd_LCorner.gif) no-repeat bottom left;
}

UL.top-nav LI.active SPAN.RCorner,
UL.top-nav LI A:hover SPAN.RCorner
{
	background:url(../../../images/Blog/HdrNav_bkgnd_RCorner.gif) no-repeat bottom right;
}

UL.top-nav LI.active SPAN.Arrow,
UL.top-nav LI A:hover SPAN.Arrow
{
	color:#FFFFFF;
	padding-bottom: 17px;
	background:url(../../../images/Blog/HdrNav_bkgnd_Arrow.gif) no-repeat 50% 27px;
}





/** Header Navigation  
ul.top-nav{
	margin:0px;
	padding:3px 0px 0px 119px;
	float:left;
	width:646px;
}
ul.top-nav li{
	white-space:nowrap;
	width:auto;
	float:left;
	margin:0px 2px 0px 0px;
	list-style:none;
	display:inline;
}
ul.top-nav li a{
	cursor:pointer;
	float:left;
	color:#ccc;
	text-decoration:none;
	font:bold .85em "Trebuchet MS", Sans-Serif;
}
ul.top-nav li.active a,
ul.top-nav li a:hover {background:url(../../../images/Blog/a-act-right-corner.gif) no-repeat 100% 0px;}

ul.top-nav li a:visited { font-size: .85em; }

span.l-corner{
	width:auto;
	float:left;
}
ul.top-nav li.active a span.l-corner,
ul.top-nav li a:hover span.l-corner { background:url(../../../images/Blog/a-act-left-corner.gif) no-repeat;}
span.arrow{
	padding:5px 18px 5px;
	float:left;
	width:auto;
}
ul.top-nav li.active a span.arrow,
ul.top-nav li a:hover span.arrow{
	color:#fff;
	padding-bottom:17px;
	background: url(../../../images/Blog/top-naw-act-arrow.gif) no-repeat 50% 27px;
}
ul.top-nav li.non-tab span,
ul.top-nav li.non-tab a{
	background:none !important;
}
ul.top-nav li.non-tab a:hover{color:#fff;}
**/





div.ContentArea
{
    clear:both;
    width: 695px;
    margin: 0px 0px 30px 30px;
}


a.print{
	position:relative;
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	color:#28382D;
	float:right;
	margin:-7px 25px 0px 0px;
}
a.print:hover{ text-decoration:none;}

.right-box{
	display:inline;
	float:left;
	width:226px;
	margin:0px 0px 0px 0px;

}
.right-box h3
{
/*
	white-space:nowrap;
	float:left;
	width:223px;
	margin:0px;
	padding:12px 0px 2px;
	background:url(../../../images/Blog/left-box-seporator.gif) no-repeat 0px 100%;
	text-align:center;
	font:bold 1em "Trebuchet MS",sans-serif;
	color:#858585;
*/
}
.right-box a img{
	margin:8px 0px 0px;
	float:left;
	border:none;
}
.right-box span.foot{
	width:223px;
	float:left;
	height:41px;
	background:url(../../../images/Blog/left-box-foot.gif) no-repeat 100%;
}
.right-box a.link {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:1px 0px 3px;
	font:bold .75em "Trebuchet MS",sans-serif;
	color:#636250;
}
.right-box a.link:hover{ text-decoration:underline;}
.right-box .seporator{
	float:left;
	width:223px;
	font-size:0px;
	line-height:0px;
	height:1px;
	padding:0px 0px 41px;
	background:url(../../../images/Blog/left-box-seporator.gif) no-repeat;
}
.right-box .bottom-seporator{
	margin:25px 0px 0px;
	padding:0px 0px 0px;
}

/*-- right-box --*/
.left-box{
/*margin:-12px 0 0;*/

}
.right-box{
margin:-12px 0 0;

}



.no-margin{
margin:0;
}
.left-box{
	float:left;
	width:480px;
	padding:0px 26px 0px 28px;
	background:url(http://www.thoughtlab.com/blog/wp-content/uploads/2009/07/left-box-bg-bottom.jpg) no-repeat 0px 0px;
	min-height: 365px;
}

.left-box-header-gap{
	float:left;
	width:480px;
	padding:0px 26px 0px 28px;
	background:url(http://www.thoughtlab.com/blog/wp-content/uploads/2009/07/left-box-bg-top.jpg) no-repeat 0px 0px;

margin:-12px 0 0;
z-index: -10;
position:relative;
height:30px;

}

.gap-back
{
z-index: 9999;
margin:0;
}


.left-box p{
	padding:4px 0px 12px 3px;
	margin:0px;
}
.left-box p.long-padding{
	float:left;
	padding-top:12px;
}
.left-box h4
{
/*
	margin:0px;
	padding:23px 0px 0px 16px;
	font: .9em "Trebuchet MS",sans-serif;
	color:#000;
*/
}
.left-box a{color:#535547;}
.left-box a:hover{text-decoration:none;}


div.left-box ul li
{
    margin-bottom: 0px;
}

/*-- container --*/
.container{
	float:left;
	background:url(../../../images/Blog/container-bg.jpg) repeat-y;
	width:412px;
}
.container-head{
	background:url(../../../images/Blog/container-head.jpg) no-repeat;
	float:left;
	width:412px;
}

.container-head h4
{
    padding:24px 0px 0px 16px;
}

.container ul{
	margin:0px;
	padding:8px 0px 10px 32px;
}
.container ul li{
	padding:0px 0px 0px 14px;
	background:url(../../../images/Blog/list-boollet.gif) no-repeat 0px 6px;
	list-style:none;
	line-height:18px;
}

.container ul li a{
	font: 1em Arial ,sans-serif;
	text-decoration:none;
	color:#666766;
}
.container ul li a:hover{ text-decoration:underline;}
.container span.foot{
	float:left;
	width:412px;
	background:url(../../../images/Blog/container-foot.jpg) no-repeat;
	height:16px;
	font-size:0px;
	line-height:0px;
}
.footer{
	margin: 0px 0px 0px;
	width:100%;
	height:293px;
	background:url(../../../images/Blog/footer-bg.jpg) no-repeat 50% 0px;
	font: .8em Arial, sans-serif;
}

.footer p
{
	color:#000;
	margin:200px 10px 0px 230px;
	padding:0px;
	float:left;
	display:inline;
}
.holder{
	margin:0px auto;
	overflow:hidden;
	width:1014px;
}
.footer ul{
	display:inline;
	margin:200px 0px 0px 30px;
	padding: 0px;
	float:left;
	width:400px;
}
.footer ul li{
	font-size: .67em;
	margin:0px 3px;
	text-align:right;
	float:right;
	color:#000;
	list-style:none;
	display:inline;
}
.footer ul li a{ padding:0px 3px; }
.footer a {color:#000;}
.footer a:hover { text-decoration:none;}

.errorMessage { color: #CC0000; font-weight: bold; font-size: .9em; margin: 100px 100px 50px 100px; }

.clearBoth
{
    clear: both;
}

.floatLeft
{
    float: left;
}

.grayBorder
{
    border: 1px solid #666;
}

/*** Contact Form Styles **********************************************/
#ContactUsForm
{
    width:   210px;
    padding: 0px;
    margin:  22px 0px 10px 0px;
}

#ContactUsForm div.field { margin: 0px; padding: 2px; }

#ContactUsForm div.allRequired { font-size: .80em; text-align: right; padding: 0px 5px 0px 0px; }

div.field label
{
    font-size: .80em;
	font-weight: normal;
	display:block;
	margin: 0px 0px 1px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
}

#ContactUsForm div.field input    { margin: 0px 0px 5px 0px; padding: 2px; width: 200px; background-color: #f6f6f6; border: 1px solid #000; }
#ContactUsForm div.field textarea { background-color: #eee; border: 1px solid #000; }

#ContactUsForm div.btnSubmit    { text-align: right; padding: 0px 7px 0px 0px; }
#ContactUsForm div.btnSubmit input    { width: 60px; margin: 10px 0px 0px 0px; border-width: 1px; font-weight: normal; }

#ContactUsForm div.field textarea.inputComments { width: 200px; height: 120px; }

/*** Div Popup Styles ******/
div.divPopup
{
    position: absolute;
    top: 200px;
    left: 200px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 500px;
    border: 1px solid #000;
    display: none;
    z-index: 100;
}

div.popupBackground
{
    position: absolute;
    top:  0;
    left: 0;
    width: 102%;
    height: 110%;
    background-color: #333;
    filter:alpha(opacity=75); opacity:.75;
    display: none;
    z-index: 90;
}

div.divPopup a:link     { font-size: .75em; color: #333; }
div.divPopup a:visited  { font-size: .75em; color: #333; }
div.divPopup a:hover    { color: #2e67b2; }

div.divPopup div.divPopupTaskbar
{
    margin: 0px;
    padding: 2px 0px 0px 0px;
    height: 26px;
    text-align: right;
    background: #808677 url(../../../images/Blog/taskbar_bg_light_green.gif) top left repeat-x;
    border-bottom: 1px solid #000;
}

div.divPopup div.divPopupTaskbar a { margin: 0px; padding: 0px; font-size: .8em; }

div.divPopup div.divPopupTaskbar span.divPopupTitle
{
    float: left;
    font-size: .8em;
    margin: 2px 0px 2px 10px;
}

div.divPopup a.btnClosePopup img
{ 
    margin: 3px 8px 0px 0px;
    padding: 0px;
}

div.divPopup div.divPopupContent
{
    width: 100%;
    height: 400px;
    margin: 0px;
    padding: 0px;
    background: #fff url(../../../images/Blog/popup_div_bg_light_green.gif) bottom left repeat-x;
}

div.divPopup div.divPopupContent div.contentLeft
{
    float: left;
    width: 26%;
    margin: 15px 0px 15px 18px;
}

div.divPopup div.divPopupContent div.contentRight
{
    margin: 0px 10px 15px 29%;
    padding: 0px;
    width: 68%;
}

div.divPopup div.divPopupContent iframe
{
    margin: 10px;
    padding: 0px;
    width: 99%;
    height: 350px;
    border: 1px solid #ccc;
}

/*** iFrame Page Content Styles ******/
.iFrameContent
{
    margin: 0px;
    padding: 5px;
    background-color: #fff;
}

.iFrameContent div.iFrameContentContainer
{
    width: 375px;
    margin: 5px 0px 10px 0px;
    padding: 0px;
    background-image: none;
    background-color: Transparent;
}

/*** XML PageContent area styles *************************/
div.Content_TOP
{
    clear:  both;
    width:  695px;
    margin: 0px 0px 30px 30px;
}

div.Content_PAGE
{
    clear:  both;
    width:  695px;
    margin: 0px 0px 30px 30px;
}

div.Content_LEFT
{
	background:url(../../../images/Blog/left-box-bg.gif) repeat-y 100% 0px;
	display: inline;
	float:   left;
	width:   223px;
	margin:  0px 0px 0px 51px;
}

div.Content_RIGHT
{
	float:   left;
	width:   412px;
	padding: 0px 49px 0px 30px;
}

div.Content_BOTTOM
{
    clear:  both;
    width:  695px;
    margin: 0px 0px 30px 30px;
}

body#PreviewContent
{
    margin: 10px;
    padding: 0px;
    background-color: #fff;
}

/*** Class for temp place holder. *************************/
.header-image
{
	margin-top: 93px;
	height: 216px;
	width: 760px;
	background:url(../../../images/Blog/featured_top_image.jpg) no-repeat 50% 0px;
}

.box-container
{
	margin: 0px 0px 0px 0px;
/*z-index: -10;*/
position:relative;
}